@charset "UTF-8"; /* CSS Document */ /*-------------------------------------------- For all file Last update : 2015.12.13 takashi koide --------------------------- 1-0 structure 2-0 visual setting 2-1 header 2-2 footer 2-3 mainmenu 2-4 main 2-5 itemtextarea 2-6 photoarea 2-7 itemstory 2-7-1 繧ｿ繧､繝医Ν繧ｨ繝ｪ繧｢ --------------------------------------------*/ /*------------------------------------------------------------------------- 1-0 basic visual setting --------------------------------------------------------------------------*/ html { } body { font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Osaka,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic",sans-serif; color: #000;} a:link { text-decoration: none; color: #333; } a:visited { text-decoration: none; color: #333; } a:hover { text-decoration: none } a:active { text-decoration: none; color: #333; } .clearfix { clear: both } /*------------------------------------------------------------------------- 2-0 basic visual setting --------------------------------------------------------------------------*/ /*------------------------------------------------------------------------- 2-1 header --------------------------------------------------------------------------*/ header { width: 100%; clear: both; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FF0201; height: 160px; background-color: #FFF; } #head_top { background-color: #FF0201; height: 60px; width: 100%; } #head_top #head_top_inline { width: 1024px; margin-right: auto; margin-left: auto; } #head_top .dropmenu { *zoom: 1; width: 910px; float: left; } #head_top .dropmenu:before, #head_top .dropmenu:after { content: ""; display: table; } #head_top .dropmenu:after { clear: both } #head_top .dropmenu li { position: relative; width: 18%; float: left; text-align: center; margin-right: 0; margin-bottom: 0; margin-left: 0; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; padding-right: 0; padding-left: 0; margin-top: 0px; } #head_top .dropmenu li a { display: block; margin: 0; background: #FF0201; color: #fff; font-size: 14px; line-height: 1; text-decoration: none; font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif; font-weight: bold; padding-right: 0; padding-left: 0; padding-bottom: 11px; padding-top: 15px; } #head_top .dropmenu #account, #head_top .dropmenu #bookmark, #head_top .dropmenu #cart, #head_top .dropmenu #login { height: 60px } #head_top .dropmenu #account a span, #head_top .dropmenu #bookmark a span, #head_top .dropmenu #cart a span, #head_top .dropmenu #login a span { padding-left: 5px } #head_top .dropmenu #cart a { position: relative } #head_top .dropmenu #cart a .cart_count { position: relative } #head_top .dropmenu #account a table { margin-left: 10px } #head_top .dropmenu #account a table tr td { padding-top: 10px } #head_top .dropmenu #account a span { width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: block; float: left; padding-right: 10px; } #head_top .dropmenu li ul { list-style: none; position: absolute; z-index: 9999; top: 100%; left: 0; margin: 0; padding: 0; width: 200px; } #head_top .dropmenu li ul li { width: 100% } #head_top .dropmenu li ul li a { background: #555; text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding-top: 13px; padding-right: 15px; padding-bottom: 13px; padding-left: 15px; } #head_top .dropmenu li ul li a:hover { height: 15px } #head_top .dropmenu li:hover > a { background: #000 } #head_top .dropmenu li a:hover { background: #000; height: 34px; } #head_top .dropmenu li ul li { overflow: hidden; height: 0; transition: .2s; } #head_top .dropmenu li:hover ul li { overflow: visible; height: 38px; } #head_top .form_area { position: relative; padding: 0px; top: 3px; margin: 0px; float: left; width: 500px; } #head_top .form_area .pure-input-2-3 { width: 300px; float: left; margin-left: 20px; } #head_top .form_area .pure-button-primary { background-color: #000; float: left; position: absolute; margin-left: 10px; top: 7px; } #head_top #sns { width: 100px; margin-top: 10px; top: 0px; float: right; } #head_top #sns ul { margin: 0; padding: 0; width: 100px; } #head_top #sns ul li { float: left } #head_top #sns ul #fb { height: 40px; width: 40px; margin-right: 5px; background-image: url(../img/images.png); background-position: -660px -2620px; background-color: #FFF; background-repeat: no-repeat; display: block; float: left; } #head_top #sns ul #fb a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 40px; width: 40px; } #head_top #sns ul #tw { height: 40px; width: 40px; background-image: url(../img/images.png); background-position: -710px -2620px; margin-right: 0px; text-indent: 100%; display: block; float: right; } #head_top #sns ul #tw a { height: 40px; width: 40px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #head_top #head_top_inline #sns ul #fb a:hover, #head_top #head_top_inline #sns ul #tw a:hover { background-color: #FFF; opacity: 0.7; } .wrap { width: 1024px; margin-right: auto; margin-left: auto; } #head_left { width: 350px; margin-top: 23px; height: 72px; float: left; } #head_left h1 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0 -100px; height: 60px; width: 114px; float: left; margin: 0; padding: 0; } #head_left h1 a { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; height: 60px; } #head_left h1 a:hover { height: 60px; width: 114px; display: block; background-image: url(../img/images.png); background-position: 0 -2620px; } #head_left ul { display: table-cell; width: 235px; float: right; } #head_left ul #copy { font-size: 12px; font-weight: 700; margin-left: 2px; line-height: 15px; } #head_left ul #tel { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -118px -132px; height: 38px; width: 191px; } #head_left ul #tel { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; height: 38px; } #head_left ul #tel a:hover { display: block; background-image: url(../img/images.png); background-position: 0 -2620px; } #head_right { float: right; width: 605px; position: relative; margin-top: 20px; } #head_right nav { width: 100%; clear: both; padding-top: 25px; } #head_right nav ul { padding: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } #head_right nav ul li { float: left; font-size: 14px; font-weight: bolder; } .menu01 a, .menu02 a, .menu03 a, .menu04 a, .menu05 a, .menu06 a, .menu07 a { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #head_right nav ul .menu01 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -401px -143px; height: 39px; margin-right: 25px; width: 102px; display: block; } #head_right nav ul .menu01 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -401px -192px; height: 39px; width: 102px; display: block; } #head_right nav ul .menu02 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -527px -143px; height: 39px; margin-right: 25px; width: 73px; display: block; } #head_right nav ul .menu02 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -527px -192px; height: 39px; } #head_right nav ul .menu03 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -626px -143px; height: 39px; margin-right: 25px; display: block; width: 78px; } #head_right nav ul .menu03 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -626px -192px; height: 39px; display: block; width: 78px; } #head_right nav ul .menu04 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -724px -143px; height: 39px; margin-right: 25px; width: 114px; display: block; } #head_right nav ul .menu04 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -724px -192px; height: 39px; width: 114px; display: block; } #head_right nav ul .menu05 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -863px -143px; height: 39px; width: 88px; margin-right: 25px; } #head_right nav ul .menu05 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -863px -192px; height: 39px; width: 88px; } #head_right nav ul .menu06 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -978px -143px; height: 39px; width: 24px; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0; } #head_right nav ul .menu06 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -978px -192px; height: 39px; width: 24px; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0; } .search-form { display: block; position: relative; right: 0; } .search-form:before, .search-field { position: absolute; top: 0; right: -0; width: 24px; height: 50px; margin: 0; } .search-form:before { z-index: 100; line-height: 50px; background: #65b1e4; color: #FFF; text-align: center; } .search-field { -webkit-appearance: none; border-radius: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: 200; cursor: pointer; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .search-field:focus { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; width: 100%; cursor: text; } .search-form input[type="submit"] { display: none } /*------------------------------------------------------------------------- 2-2 Main Visual --------------------------------------------------------------------------*/ #main_visual { clear: both; width: 100%; padding-top: 90px; padding-bottom: 60px; } #main_visual p { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin: 0px; padding: 0px; height: 0px; } #main_visual ul { display: table; width: 1100px; margin-right: auto; margin-left: auto; padding: 0px; position: relative; } #main_visual ul li { vertical-align: top; display: table-cell; } #main_visual ul li #main_copy { padding: 0px; white-space: nowrap; display: block; overflow: hidden; margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 38px; } #main_visual ul li #main_copy #main_copy01_01 { font-size: 60px; font-weight: bold; color: white; height: 61px; width: 331px; margin: 0px; padding: 0px; white-space: nowrap; display: block; overflow: hidden; } #main_visual ul li #main_copy #main_copy01_02 { font-size: 60px; font-weight: bold; color: white; height: 61px; width: 519px; margin: 0px; padding: 0px; white-space: nowrap; display: block; overflow: hidden; } #main_visual ul li ul { padding: 0px; width: 550px; display: table; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 43px; } #main_visual ul li ul li { padding: 0px; width: 118px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; } #main_visual ul li ul #mv_icon01 {background: url(../img/header-list-icon1.png) no-repeat 8px; border: 1px solid white; height: 47px; width: 118px; padding: 0px; white-space: nowrap; overflow: hidden; display: table-cell; } #main_visual ul li ul #mv_icon02 {background: url(../img/header-list-icon2.png) no-repeat 8px; border: 1px solid white; height: 47px; width: 118px; padding: 0px; white-space: nowrap; overflow: hidden; display: table-cell; } #main_visual ul li ul #mv_icon03 {background: url(../img/header-list-icon3.png) no-repeat 8px; border: 1px solid white; height: 47px; width: 118px; padding: 0px; white-space: nowrap; overflow: hidden; display: table-cell; } #main_visual ul li ul #mv_icon04 {background: url(../img/header-list-icon4.png) no-repeat 8px; border: 1px solid white; height: 47px; width: 118px; padding: 0px; white-space: nowrap; overflow: hidden; display: table-cell; } #main_visual ul li ul #mv_icon01 span { display: block; padding: 20px 0 0 48px; font-size: 12px; font-weight: bold; text-align: left; color: white; } #main_visual ul li ul #mv_icon02 span { display: block; padding: 20px 0 0 40px; font-size: 12px; font-weight: bold; text-align: left; color: white; } #main_visual ul li ul #mv_icon03 span { display: block; padding: 20px 0 0 56px; font-size: 12px; font-weight: bold; text-align: left; color: white; } #main_visual ul li ul #mv_icon04 span { display: block; padding: 20px 0 0 48px; font-size: 12px; font-weight: bold; text-align: left; color: white; } #main_visual ul li #main_copy02 { letter-spacing: 1px; padding: 10px; font-size: 30px; font-weight: 500; line-height: 32px; color: white; white-space: nowrap; display: block; overflow: hidden; margin-left: 38px; margin-top: 0px; background-position: 0px 0px; z-index: 100; position: absolute; top: 410px; } #main_visual ul li #main_copy02 .first { font-weight: bold; font-size: 50px; color: red; text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white; } #main_visual ul li #main_copy02 .second { font-size: 15px; } #main_visual ul li #main_copy02 .third { font-size: 14px; line-height: 14px; } #main_visual ul li #mv_photo { background-image: url(../img/mv_photo.png); background-repeat: no-repeat; height: 205px; width: 612px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #main_visual ul #mv_right { background-image: url(../img/mv_right.png); background-repeat: no-repeat; height: 548px; width: 550px; margin: 0px; padding: 0px; } #main_visual .button { width: 100%; position: relative; background-image: url(../img/button_bg.png); background-repeat: repeat-x; height: 260px; margin: 0px; padding: 0px; } #main_visual .button a { width: 1024px; margin-right: auto; margin-left: auto; display: block; background-image: url(../img/button_01.png); background-repeat: no-repeat; height: 294px; padding-top: 50px; text-align: center; } #main_visual .button a:hover { width: 1024px; margin-right: auto; margin-left: auto; display: block; background-image: url(../img/button_02.png); background-repeat: no-repeat; height: 294px; padding-top: 50px; text-align: center; } #main_visual .button a img { margin-right: auto; margin-left: auto; top: 30px; width: 645px; } .share_area { width: 1044px; margin-left: auto; margin-right: auto; position: relative; } .social-area-syncer { min-height: 190px; position: absolute; top: -10px; right: 0px; width: 240px; padding-top: 1.5em; padding-right: 0; padding-bottom: 1.5em; padding-left: 0; } .social-area-syncer_market { min-height: 190px; position: absolute; top: 0px; right: 0px; width: 240px; padding-top: 1.5em; padding-right: 0; padding-bottom: 1.5em; padding-left: 0; } .social-area-syncer { min-height: 119px } .social-area-syncer_market { min-height: 119px } ul.social-button-syncer { } ul.social-button-syncer li { float: left; text-align: center; height: 71px; margin: 0 8px; padding: 0; } .sc-tw { width: 71px } .sc-tw svg { width: 30px; height: 30px; } .sc-tw a { height: 56px; margin: 0 auto; padding-top: 6px; display: block; background: #1B95E0; font-size: 12px; color: #fff; font-weight: 700; text-decoration: none; letter-spacing: .5px; border-radius: 2px; } .sc-tw a:hover { color: #fff; background: #0c7abf; } .sc-tw span:before { white-space: pre; content: '\A'; } .sc-fb { z-index: 99; width: 69px; } #sec_head, #sec_tool, #sec_voice { position: relative; padding: 0px; width: 1024px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #sec_head img, #sec_tool img, #sec_voice img { line-height: 0%; vertical-align: bottom; margin: 0px; padding: 0px; } #sec_head p, #sec_tool p, #sec_voice p, #sec_voice ul, #sec_voice h2, #sec_voice h3 { visibility: hidden; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 0px; } #sec_head p.first-parag { visibility: visible; position: absolute; top: 140px; right: 100px; letter-spacing: 1px; font-weight: bold; font-size: 16px; line-height: 22px; } #sec_tool .second-parag-container { width: 550px; padding: 20px 0 0; margin: 0 auto; } #sec_tool .sec-parag-inner p.second-parag { line-height: 40px; display: inline-block; visibility: visible; font-size: 30px; color: black; font-weight: bold; } #sec_tool .sec-parag-inner { margin-bottom: 25px; } #sec_tool .second-parag-container span { font-size: 15px; font-weight: bold; } #sec-parag-img { margin: 1px; display: inline-block; float: left; height: 48px;} .button a img:hover { opacity: 0.8 } #main_visual #delivery_area { width: 1100px; margin-right: auto; margin-left: auto; position: relative; } #main_visual #delivery_area #delivery_date { background-color: #ffca00; margin: 0px; padding: 0px; height: 251px; width: 481px; position: absolute; right: 0px; bottom: 0px; } #main_visual #delivery_area #delivery_date h3 { color: #fff; font-size: 72px; margin-top: 20px; text-align: center; font-weight: bold; white-space: nowrap; display: block; overflow: hidden; } #main_visual #delivery_area #delivery_date #date { -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); -o-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg); color: #666; margin: 0px; padding: 0px; text-indent: 0px; white-space: normal; font-weight: bold; position: absolute; left: 40px; top: 140px; font-size: 22px; line-height: 35px; font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif; } #main_visual #delivery_area .delivery-date-container { width: 100%; height: 100%; position: relative; } #main_visual #delivery_area .delivery-date-container img { position: absolute; bottom: 30px; right: 15px; } #matomete .hid { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #matomete #sec01 { background-image: url(../img/matomete_images.png); background-repeat: no-repeat; background-position: 0px 0px; height: 350px; width: 850px; } #matomete #sec02 { background-image: url(../img/matomete_images.png); background-repeat: no-repeat; background-position: 0px -350px; height: 620px; width: 850px; } #matomete #sec03 { background-image: url(../img/matomete_images.png); background-repeat: no-repeat; background-position: 0px -970px; height: 620px; width: 850px; } #matomete #sec04 { background-image: url(../img/matomete_images.png); background-repeat: no-repeat; background-position: 0px -1590px; height: 692px; width: 850px; display: block; } #matomete #sec05 { background-image: url(../img/matomete_images.png); background-repeat: no-repeat; background-position: 0px -2282px; height: 1030px; width: 850px; display: block; } #matomete #sec06 a { background-image: url(../img/matomete_images.png); background-repeat: no-repeat; background-position: 0px -3312px; height: 193px; width: 850px; display: block; } #matomete #sec06 a:hover { height: 193px; width: 850px; opacity: 0.8; background-color: #FFF; display: block; } #point .hid { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #point #sec01 { background-image: url(../img/point_images.png); background-repeat: no-repeat; background-position: 0px 0px; height: 283px; width: 850px; } #point #sec02 { background-image: url(../img/point_images.png); background-repeat: no-repeat; background-position: 0px -283px; height: 526px; width: 850px; } #point #sec03 { background-image: url(../img/point_images.png); background-repeat: no-repeat; background-position: 0px -825px; height: 702px; width: 850px; } #point #sec04 { background-image: url(../img/point_images.png); background-repeat: no-repeat; background-position: 0px -1531px; height: 189px; width: 850px; } #point a { background-image: url(../img/point_images.png); background-repeat: no-repeat; background-position: 0px -1531px; height: 189px; width: 850px; } #point a:hover { height: 189px; width: 850px; opacity: 0.8; background-color: #FFF; display: block; } #point #campaign01 { background-image: url(../img/point_images_campaign01.png); background-repeat: no-repeat; background-position: 0px 0px; height: 194px; width: 850px; } #point #campaign02 { background-image: url(../img/point_images_campaign02.png); background-repeat: no-repeat; background-position: 0px 0px; height: 294px; width: 850px; } /*------------------------------------------------------------------------- 2-3 Main Contents --------------------------------------------------------------------------*/ #original_item { background-color: #FF0201; padding-top: 68px; height: 572px; margin-top: 80px; } #original_item #headline01 { color: #fff; font-size: 110px; font-weight: bold; height: 136px; width: 100%; white-space: nowrap; display: block; overflow: hidden; } #original_item #headline01 p { display: inline-block; } #original_item #headline01 .ahtung-rotate { display: inline-block; transform: rotate(10deg); } #original_item #headline01 .headline01-smaller { font-size: 25px; letter-spacing: 1px; } #reason { background-color: #00B2B2; padding-top: 77px; margin-top: 0px; padding-bottom: 80px; } #reason h2 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -40px -3876px; height: 80px; width: 100%; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #reason .copy { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -40px -4006px; height: 100px; width: 100%; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-top: 47px; } #reason .wrap ul { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -40px -4180px; height: 270px; width: 100%; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-top: 60px; } #reason .plus { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -40px -4492px; height: 307px; width: 100%; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-top: 40px; } #original_item ul { padding: 0; width: 100%; margin-top: 41px; margin-right: 0; margin-bottom: 0; margin-left: 0; } #original_item ul li { vertical-align: top; margin: 0; padding: 0; } #original_item ul #step01 { margin: 0 15px 0 0; height: 320px; width: 30%; display: inline-block; line-height: 0; font-size: 0; } #original_item ul #step02 { margin: 0 15px; height: 320px; width: 30%; display: inline-block; line-height: 0; font-size: 0; } #original_item ul #step03 { margin: 0 0 0 15px; height: 320px; width: 30%; display: inline-block; line-height: 0; font-size: 0; } #original_item li .step-container { width: 100%; height: 320px; overflow: hidden; } #original_item li .step-container-inner { height: 150px; } #original_item li .step-container-inner-first { line-height: 126px; box-sizing: border-box; border-right: 1px solid red; font-size: 130px; color: red; padding: 20px 0; text-align: center; float: left; height: 100%; background-color: #fff; display: inline-block; width: 50%; } #original_item li .step-container-inner-second { float: left; height: 100%; display: inline-block; width: 50%; background: url(../img/step1-img1.png) #fff no-repeat center; } #original_item li .step-container-inner-second1 { float: left; height: 100%; display: inline-block; width: 50%; background: url(../img/step02-img2.png) #fff no-repeat center; } #original_item li .step-container-inner-second2 { float: left; height: 100%; display: inline-block; width: 50%; background: url(../img/step3-img3.png) #fff no-repeat center; } #original_item li p.bg-red { margin: 0; font-size: 20px; line-height: 16px; color: #fff; padding: 15px; border-right: 1px solid #fff; border-left: 1px solid #fff; text-align: center; } #original_item li p.bg-white { height: 100%; padding: 5px; line-height: 23px; font-weight: bold; text-align: left; background-color: #fff; font-size: 14px; color: red; } #original_item_list { clear: both; width: 100%; background-color: #FF0201; padding-bottom: 75px; padding-top: 80px; } .bg_wh { background-color: #FFF; padding-top: 35px; padding-bottom: 35px; } #original_item_list .wrap.bg_wh #headline02 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0 -900px; height: 78px; width: 586px; margin-right: auto; margin-left: auto; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #original_item_list .wrap.bg_wh ul { margin-top: 20px; padding-right: 30px; padding-left: 30px; } #original_item_list .wrap.bg_wh ul li a { height: 200px; width: 150px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #original_item_list .wrap.bg_wh ul li a:hover { display: block; background-image: url(../img/images.png); background-position: 0 -2620px; } #original_item_list .wrap.bg_wh ul #item01 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0 -1010px; float: left; margin-right: 11px; } #original_item_list .wrap.bg_wh ul #item02 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -163px -1010px; float: left; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 10px; } #original_item_list .wrap.bg_wh ul #item03 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -326px -1010px; float: left; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 10px; } #original_item_list .wrap.bg_wh ul #item04 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -488px -1010px; float: left; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 10px; } #original_item_list .wrap.bg_wh ul #item05 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -651px -1010px; float: left; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 10px; } #original_item_list .wrap.bg_wh ul #item06 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -814px -1010px; float: right; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #original_item_list .wrap.bg_wh ul #item07 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0 -1224px; float: left; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-top: 10px; margin-right: 11px; } #original_item_list .wrap.bg_wh ul #item08 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -163px -1224px; float: left; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-top: 10px; margin-right: 10px; } #original_item_list .wrap.bg_wh ul #item09 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -326px -1224px; float: left; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-top: 10px; margin-right: 10px; } #original_item_list .wrap.bg_wh ul #item10 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -489px -1224px; float: left; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-top: 10px; margin-right: 10px; } #original_item_list .wrap.bg_wh ul #item11 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -652px -1224px; float: left; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-top: 10px; margin-right: 10px; } #original_item_list .wrap.bg_wh ul #item12 { height: 200px; width: 150px; border: 1px solid #FF0201; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -815px -1224px; float: right; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-top: 10px; } #original_item_list .btn01 { margin-right: auto; margin-left: auto; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0 -1460px; height: 90px; width: 440px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-top: 35px; } #original_item_list .btn01 a { height: 90px; width: 440px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #original_item_list .wrap.bg_wh .btn01 a:hover { display: block; background-image: url(../img/images.png); background-position: 0 -2620px; height: 90px; width: 440px; } #original_item_list .wrap.bg_wh .btn11 a { background-image: url(../img/btn11.png); background-repeat: no-repeat; width: 1024px; height: 223px; background-position: center top; margin-top: 50px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #original_item_list .wrap.bg_wh .btn11 a:hover { background-color: #FFF; opacity: 0.8; } section { background-color: #FFF } #sale { padding-top: 75px; background-color: #FFF; } #sale #headline03 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -4px -1597px; height: 52px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; width: 1033px; margin-right: auto; margin-left: auto; } #sale p { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0 -1721px; padding-left: 300px; font-size: 30px; height: 182px; vertical-align: middle; display: table-cell; margin-left: 60px; width: 964px; font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Osaka,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic",sans-serif; line-height: 40px; } #sale_list { width: 964px; margin-right: auto; margin-left: auto; background-color: #FFF; font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Osaka,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic",sans-serif; } #sale_list ul { margin: 0; padding: 0; font-size: 0; } #sale_list ul li { padding: 0; border: 2px solid #000; width: 226px; display: inline-block; margin-right: 10px; margin-bottom: 30px; vertical-align: top; } #sale_list ul li a { display: block } #sale_list ul li a:hover { opacity: .5 } #sale_list ul li .sale_list_img { text-align: center; padding-top: 20px; padding-bottom: 10px; } #sale_list ul li .sale_list_img img { width: 185px } #sale_list ul li .sale_list_title { border-top-width: 1px; border-top-style: solid; border-top-color: #000; text-align: left; font-size: 18px; display: block; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 23px; font-weight: bold; } #sale_list ul li .sale_list_creator { padding-top: 5px; padding-right: 10px; padding-left: 10px; font-size: 15px; padding-bottom: 5px; } #sale_list ul li .sale_list_creator span { padding: 0; display: block; height: 26px; width: 26px; float: left; margin-top: 0; margin-right: 10px; margin-left: 0; } #sale_list ul li .sale_list_creator span img { width: 26px; height: 26px; } #sale_list ul li .sale_list_creator p { padding-top: 5px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #sale_list ul li .sale_list_price { background-color: #FF0201; color: #FFF; margin-top: 5px; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -483px -1460px; text-align: center; padding-top: 13px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 16px; } #sale_list .btn02 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0 -1940px; text-indent: 100%; white-space: nowrap; display: block; height: 90px; width: 440px; margin-right: auto; margin-left: auto; margin-top: 45px; overflow: hidden; } #sale_list .btn02 a { display: block; height: 90px; width: 440px; } #sale_list .btn11 a { background-image: url(../img/btn11.png); background-repeat: no-repeat; width: 950px; height: 223px; background-position: center top; margin-top: 10px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #sale_list .btn11 a:hover { background-color: #FFF; opacity: 0.8; } #sale_list .btn_outer { background-color: #F00; width: 950px; position: relative; } #sale_list .btn02 a:hover { display: block; text-indent: 200%; height: 90px; width: 950px; position: absolute; left: 0px; background-color: #FFF; opacity: 0.8; } #qc { margin: 0px; padding: 0px; } #qc ul { margin: 0px; padding: 0px; background-color: #F0F0E1; } #qc ul li { padding: 0px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; width: 1024px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #qc ul #qc_sec01 { background-image: url(../img/qc.png); background-repeat: no-repeat; height: 547px; width: 1024px; background-position: 0px 0px; } #qc ul #qc_sec02 { background-image: url(../img/qc.png); background-repeat: no-repeat; height: 408px; width: 1024px; background-position: 0px -547px; } #qc ul #qc_sec03 { background-image: url(../img/qc.png); background-repeat: no-repeat; height: 348px; width: 1024px; background-position: 0px -955px; } #qc ul #qc_sec04 { background-image: url(../img/qc.png); background-repeat: no-repeat; height: 334px; width: 1024px; background-position: 0px -1303px; } #qc ul #qc_sec05 { background-image: url(../img/qc.png); background-repeat: no-repeat; height: 240px; width: 1024px; background-position: 0px -1637px; } /*------------------------------------------------------------------------- 2-4 Banner Area --------------------------------------------------------------------------*/ aside { width: 100%; clear: both; background-color: #FFF; } aside table { margin: 0; padding: 0; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #FF2502; border-bottom-color: #FF2502; } aside table td { border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #D51F02; border-left-color: #E52102; margin: 0; padding: 0; height: 150px; width: 510px; vertical-align: middle; float: left; } aside table td img { height: 150px; width: 510px; margin: 0; padding: 0; } aside table td a:hover img { opacity: .5 } /*------------------------------------------------------------------------- 2-4 Media Infomation --------------------------------------------------------------------------*/ #media_infomation { background-color: #FF0201; padding-top: 45px; padding-bottom: 45px; width: 100%; } #media_infomation #headline04 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -40px -2107px; text-indent: 100%; white-space: nowrap; display: block; height: 48px; width: 325px; overflow: hidden; } #media_infomation ul { background-color: #FFF; margin-top: 33px; float: left; clear: both; padding-top: 30px; padding-right: 30px; padding-bottom: 6px; padding-left: 30px; } #media_infomation ul li { float: left; margin-right: 16px; margin-bottom: 16px; } #media_infomation ul li img { width: 180px } #media_infomation ul li:nth-child(5) { float: right; margin-right: 0; } #media_infomation ul li:nth-child(10) { float: right; margin-right: 0; } /*------------------------------------------------------------------------- 2-5 Infomation --------------------------------------------------------------------------*/ #infomation { clear: both; width: 600px; padding-top: 30px; padding-bottom: 30px; vertical-align: top; display: inline-block; font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Osaka,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic",sans-serif; } #infomation #headline05 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -5px -2235px; height: 45px; width: 474px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #infomation_list { width: 100%; margin-top: 27px; border-top-width: 1px; border-top-style: dotted; border-top-color: #333; } #infomation #infomation_list dl { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333; padding-top: 14px; padding-bottom: 10px; } #infomation #infomation_list dl dt { display: inline-block; width: 140px; vertical-align: top; line-height: 25px; } #infomation #infomation_list dl dd { display: inline-block; vertical-align: top; width: 450px; line-height: 25px; } #facebook { display: inline-block; width: 400px; background-color: #CCC; vertical-align: top; height: 500px; margin-top: 30px; margin-left: 18px; margin-bottom: 30px; } /*------------------------------------------------------------------------- 2-6 Footer --------------------------------------------------------------------------*/ footer { background-color: #FF0201; padding-top: 30px; padding-bottom: 30px; } #footer_left { width: 350px; float: left; margin-top: 20px; } #footer_left #headline06 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -40px -2379px; height: 33px; width: 68px; text-indent: 100%; white-space: nowrap; display: inline-block; overflow: hidden; vertical-align: top; } #footer_left p { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -118px -2377px; height: 39px; width: 241px; text-indent: 100%; white-space: nowrap; display: inline-block; overflow: hidden; vertical-align: top; } #footer_right { width: 277px; float: right; height: 55px; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -789px -2360px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-bottom: 5px; } footer ul { width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; clear: both; padding-top: 10px; } footer ul li { float: left } footer ul #footer_menu01 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -40px -2434px; width: 45px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 20px; } footer ul #footer_menu01 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -40px -2480px; width: 45px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } footer ul #footer_menu02 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -108px -2434px; width: 100px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 20px; } footer ul #footer_menu02 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -108px -2480px; width: 100px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } footer ul #footer_menu03 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -230px -2434px; width: 100px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 20px; } footer ul #footer_menu03 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -230px -2480px; width: 100px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } footer ul #footer_menu04 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -351px -2434px; width: 113px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 20px; } footer ul #footer_menu04 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -351px -2480px; width: 113px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } footer ul #footer_menu05 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -486px -2434px; width: 87px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 20px; } footer ul #footer_menu05 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -486px -2480px; width: 87px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } footer ul #footer_menu06 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -593px -2434px; width: 172px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 20px; } footer ul #footer_menu06 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -593px -2480px; width: 172px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } footer ul #footer_menu07 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -785px -2434px; width: 90px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; margin-right: 15px; } footer ul #footer_menu07 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -785px -2480px; width: 90px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } footer ul #footer_menu08 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -894px -2434px; width: 88px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } footer ul #footer_menu08 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -894px -2480px; width: 88px; height: 20px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } footer small { color: #FFF; text-align: center; width: 100%; font-size: 14px; clear: both; padding-top: 60px; display: block; } .clear_fix { clear: both } /*------------------------------------------------------------------------- 3-1 Market Main Visual --------------------------------------------------------------------------*/ #main_visual #mv_banner { height: 320px; width: 1080px; margin-right: auto; margin-left: auto; padding: 0; } #main_visual #mv_banner .slick-dots { width: 200px; margin-left: 440px; } /*------------------------------------------------------------------------- 3-2 Market Left Pan --------------------------------------------------------------------------*/ #left { width: 200px; float: left; } #left #delivery_date_left { background-image: url(../img/delivery_date02.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0px; height: 208px; width: 208px; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #left #delivery_date_left h3 { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #left #delivery_date_left #date { -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); color: #666; margin: 0px; padding: 0px; text-indent: 0px; white-space: normal; font-weight: bold; position: absolute; left: 12px; top: 145px; font-size: 15px; line-height: 20px; font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif; letter-spacing: -1px; } #left #total_item { background-image: url(../img/left_images.png); background-repeat: no-repeat; background-position: 0 0; height: 150px; width: 200px; } #left #total_item h3 { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #left #total_item p { padding-top: 55px; text-align: center; font-size: 40px; color: #FF0201; } #left #left_banner_main { background-image: url(../img/left_images.png); background-repeat: no-repeat; background-position: 0 -170px; height: 272px; width: 200px; margin-top: 20px; } #left #left_banner_2nd { margin-top: 10px } #left #left_banner_3rd { margin-top: 10px } #left #left_banner_main h3 { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; height: 272px; width: 200px; } #left #left_banner_main h3 a { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; height: 272px; width: 200px; } #left #left_banner_main h3 a:hover { height: 272px; width: 200px; display: block; background-image: url(../img/images.png); background-position: 0 -2620px; } #left #social_tag { border: 1px solid #FF0201; margin-top: 13px; padding-bottom: 10px; padding-right: 10px; } #left #social_tag h3 { background-image: url(../img/left_images.png); background-repeat: no-repeat; background-position: 0 -455px; height: 45px; width: 198px; text-indent: 105%; white-space: nowrap; display: block; overflow: hidden; } #left #social_tag .box { margin: 0 0 5px } #left #social_tag .box p { padding-top: 10px; padding-right: 0px; padding-bottom: 5px; padding-left: 10px; line-height: 25px; } .r_lnk { text-align: right; margin: 0 !important; } .r_lnk a { line-height: 150%; background: url(/common/design/user/css/img/arrow2.png) no-repeat left 50%; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 17px; } #left #category_search { border: 1px solid #FF0201 } #left #category_search h2 { background-image: url(../img/left_images.png); background-repeat: no-repeat; background-position: 0 -515px; text-indent: 100%; white-space: nowrap; display: block; height: 40px; width: 198px; overflow: hidden; } #category_search ul { padding: 10px 5px 0 } #category_search li { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dotted #d8d8d8; } #category_search li h3 { color: #333; font-size: 14px; line-height: 150%; font-weight: 700; padding-top: 5px; padding-right: 0; padding-bottom: 0; padding-left: 20px; background-image: url(/common/design/user/css/img/arrow1.png); background-repeat: no-repeat; background-position: 5px 9px; } #category_search li:last-child { padding: 0; border-bottom: none; } #category_search li a { color: #333; font-size: 14px; line-height: 150%; text-decoration: none; display: block; padding: 3px; background: url(/common/design/user/css/img/arrow1.png) no-repeat right 50%; } #category_search li a:hover { background: url(/common/design/user/css/img/arrow3.png) no-repeat right 50% } #category_search li ul { border: none; margin: 0 0 0 10px; } #category_search li ul li { padding: 0; margin: 0 0 5px; border-bottom: none; } #category_search li ul li:last-child { margin: 0 } #left #twitter_tl { margin-top: 20px } #left #left_sns { margin-top: 20px; display: table; } #left #left_sns #left_sns_fb { background-image: url(../img/left_images.png); background-repeat: no-repeat; background-position: 0 -575px; text-indent: 100%; white-space: nowrap; display: table-cell; height: 100px; width: 100px; overflow: hidden; vertical-align: top; } #left #left_sns #left_sns_fb a, #left #left_sns #left_sns_google a { display: block; height: 100px; width: 100px; } #left #left_sns #left_sns_google { background-image: url(../img/left_images.png); background-repeat: no-repeat; background-position: -100px -575px; text-indent: 100%; white-space: nowrap; display: table-cell; height: 100px; width: 100px; overflow: hidden; vertical-align: top; } #left #left_sns #left_sns_fb a:hover, #left #left_sns #left_sns_google a:hover { height: 100px; width: 100px; display: block; background-image: url(../img/images.png); background-position: 0 -2620px; } /*------------------------------------------------------------------------- 3-3 Market Market Main Contents --------------------------------------------------------------------------*/ #main_contents { float: right; width: 795px; } #main_contents #market_menu { margin: 0; padding: 0; } #main_contents #market_menu ul { margin: 0; padding: 0; } #main_contents #market_menu ul #menu_pick_up { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: left; height: 110px; width: 190px; overflow: hidden; margin-right: 12px; background-position: -201px -2970px; } #main_contents #market_menu ul #menu_pick_up_carent { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: left; height: 110px; width: 190px; overflow: hidden; margin-right: 12px; background-position: -201px -3110px; } #main_contents #market_menu ul #menu_pick_up a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: left; height: 110px; width: 190px; overflow: hidden; margin-right: 12px; background-position: -201px -3110px; } #main_contents #market_menu ul #menu_collaboration { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: left; height: 110px; width: 190px; overflow: hidden; margin-right: 11px; background-position: -403px -2970px; } #main_contents #market_menu ul #menu_collaboration_carent { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: left; height: 110px; width: 190px; overflow: hidden; margin-right: 11px; background-position: -403px -3110px; } #main_contents #market_menu ul #menu_collaboration a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: left; height: 110px; width: 190px; overflow: hidden; margin-right: 11px; background-position: -403px -3110px; } #main_contents #market_menu ul #menu_rankings { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: right; height: 110px; width: 190px; overflow: hidden; background-position: -604px -2970px; } #main_contents #market_menu ul #menu_rankings_carent { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: right; height: 110px; width: 190px; overflow: hidden; background-position: -604px -3110px; } #main_contents #market_menu ul #menu_rankings a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: right; height: 110px; width: 190px; overflow: hidden; background-position: -604px -3110px; } #main_contents #market_menu ul #menu_whats_new { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: left; height: 110px; width: 190px; overflow: hidden; background-position: 0px -2970px; margin-right: 12px; } #main_contents #market_menu ul #menu_whats_new_carent { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: left; height: 110px; width: 190px; overflow: hidden; background-position: 0px -3110px; margin-right: 12px; } #main_contents #market_menu ul #menu_whats_new a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; display: block; float: left; height: 110px; width: 190px; overflow: hidden; background-position: 0px -3110px; margin-right: 12px; } #main_contents #market_menu ul li a { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; height: 110px; width: 190px; } #main_contents .market_inline { margin: 0; border: 1px solid #FF0201; width: 775px; float: left; padding-top: 20px; padding-bottom: 60px; padding-left: 20px; } #main_contents .market_inline ul { margin: 0; padding: 0; } #main_contents .market_inline ul li { width: 174px; border: 1px solid #FF0201; display: inline-block; vertical-align: top; margin-right: 12px; margin-bottom: 20px; } #main_contents .market_inline ul li a { display: block } #main_contents .market_inline ul li a:hover { display: block; background-color: #FFF; opacity: 0.7; } #main_contents .market_inline ul li a .market_list_img, #main_contents .market_inline ul li a .sale_list_img { text-align: center; padding-top: 20px; padding-bottom: 10px; } #main_contents .market_inline ul li a .market_list_img img, #main_contents .market_inline ul li a .sale_list_img img { width: 146px } #main_contents .market_inline ul li .market_list_title, #main_contents .market_inline ul li .sale_list_title { border-top-width: 1px; border-top-style: solid; border-top-color: #000; text-align: left; font-size: 15px; display: block; padding-top: 5px; padding-right: 10px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 20px; font-weight: bold; } #main_contents .market_inline ul li .market_list_creator, #main_contents .market_inline ul li .sale_list_creator { padding-top: 0; padding-right: 10px; padding-left: 10px; font-size: 12px; padding-bottom: 5px; margin-top: 10px; } #main_contents .market_inline ul li .market_list_creator span, #main_contents .market_inline ul li .sale_list_creator span { padding: 0; display: block; height: 26px; width: 26px; float: left; margin-top: 0; margin-right: 10px; margin-left: 0; margin-bottom: 5px; } #main_contents .market_inline ul li .market_list_creator span img, #main_contents .market_inline ul li .sale_list_creator span img { width: 26px; height: 26px; } #main_contents .market_inline ul li .market_list_creator p, #main_contents .market_inline ul li .sale_list_creator p { padding-top: 5px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #main_contents .market_inline ul li .market_list_price, #main_contents .market_inline ul li .sale_list_price { background-color: #FF0201; color: #FFF; margin-top: 5px; background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -483px -1460px; text-align: right; padding-top: 13px; padding-right: 20px; padding-bottom: 10px; padding-left: 10px; font-size: 13px; } #main_contents .btn03 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0px -3540px; text-indent: 100%; white-space: nowrap; display: block; height: 90px; width: 440px; margin-right: auto; margin-left: auto; margin-top: 45px; overflow: hidden; } #main_contents .btn03 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0px -3540px; text-indent: 100%; white-space: nowrap; display: block; height: 90px; width: 440px; overflow: hidden; } #main_contents .btn04 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -500px -3540px; text-indent: 100%; white-space: nowrap; display: block; height: 90px; width: 440px; margin-right: auto; margin-left: auto; margin-top: 45px; overflow: hidden; } #main_contents .btn04 a { text-indent: 100%; white-space: nowrap; display: block; height: 90px; width: 440px; overflow: hidden; } #main_contents .btn03 a:hover, #main_contents .btn04 a:hover { display: block; background-image: url(../img/images.png); background-position: 0 -2620px; height: 90px; width: 440px; } #main_contents #headline07 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0px -3288px; text-indent: 100%; white-space: nowrap; display: block; height: 48px; width: 205px; margin-top: 20px; margin-bottom: 10px; overflow: hidden; } #main_contents #headline08 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0px -3345px; text-indent: 100%; white-space: nowrap; display: block; height: 48px; width: 306px; margin-top: 20px; margin-bottom: 10px; overflow: hidden; } #main_contents #headline09 { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: 0px -3401px; text-indent: 100%; white-space: nowrap; display: block; height: 48px; width: 275px; margin-top: 20px; margin-bottom: 10px; overflow: hidden; } #main_contents .market_list_rank { background-image: url(http://up-t-devel.jp/common/img/images.png); background-repeat: no-repeat; background-position: 0px -3469px; display: block; height: 30px; width: 174px; font-size: 18px; font-weight: bold; line-height: 32px; color: #FFF; text-indent: 150px; } #main_contents .market_inline #page_nav { margin-right: auto; margin-left: auto; width: 400px; margin-top: 40px; } #main_contents .market_inline #page_nav ul { margin: 0; padding: 0; } #main_contents .market_inline #page_nav ul li { height: 30px; width: 30px; font-size: 18px; display: inline-block; text-align: center; vertical-align: middle; line-height: 32px; margin-right: 2px; } #main_contents .market_inline #page_nav ul #carent { color: #FFF; background-color: #FF0201; } #main_contents .market_inline #page_nav ul #navi_arrow { font-size: 10px } /*------------------------------------------------------------------------- 4-1 Business Main Contents --------------------------------------------------------------------------*/ #main #business #section01 h1 { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; line-height: 0px; height: 0px; } #main #business #section01 #sec01_01 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px 0px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 328px; width: 850px; overflow: hidden; } #main #business #section01 h2 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -328px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 137px; width: 850px; overflow: hidden; } #main #business #section01 ul, #main #business #section01 ul li { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; height: 0px; width: 850px; margin: 0px; padding: 0px; } #main #business #section01 #sec01_02 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -465px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 94px; width: 850px; overflow: hidden; } #main #business #section01 #sec01_03 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -559px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 308px; width: 850px; overflow: hidden; } #main #business #section02 h2 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -867px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 80px; width: 850px; overflow: hidden; } #main #business #section02 #sec02_01 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -947px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 308px; width: 850px; overflow: hidden; } #main #business #section03 h2 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -1255px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 55px; width: 850px; overflow: hidden; } #main #business #section03 h3 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -1403px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 70px; width: 850px; overflow: hidden; } #main #business #section03 #sec03_01 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -1310px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 93px; width: 850px; overflow: hidden; } #main #business #section03 #sec03_02 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -1473px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 95px; width: 850px; overflow: hidden; } #main #business #section03 #sec03_03 a { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -1568px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 101px; width: 850px; overflow: hidden; } #main #business #section03 #sec03_04 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -1669px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 71px; width: 850px; overflow: hidden; } #main #business #section04 h2 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -1740px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 105px; width: 850px; overflow: hidden; } #main #business #section04 h3 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -1845px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 43px; width: 850px; overflow: hidden; } #main #business #section04 #sec04_01 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -1888px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 80px; width: 850px; overflow: hidden; } #main #business #section04 dl { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -1968px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 136px; width: 850px; overflow: hidden; } #main #business #section04 #sec04_02 a { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -2104px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 133px; width: 850px; overflow: hidden; } #main #business #section04 #sec04_03 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -2237px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 41px; width: 850px; overflow: hidden; } #main #business #section05 h2 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -2278px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 111px; width: 850px; overflow: hidden; } #main #business #section05 #sec05_01 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -2389px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 100px; width: 850px; overflow: hidden; } #main #business #section05 #sec05_02 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -2489px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 191px; width: 850px; overflow: hidden; } #main #business #section05 #sec05_03 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -2680px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 175px; width: 850px; overflow: hidden; } #main #business #section05 #sec05_04 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -2855px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 175px; width: 850px; overflow: hidden; } #main #business #section05 #sec05_05 { background-image: url(../img/images_business.png); background-repeat: no-repeat; background-position: 0px -3030px; text-indent: 100%; white-space: nowrap; display: block; margin: 0px; padding: 0px; height: 174px; width: 850px; overflow: hidden; } /*------------------------------------------------------------------------- 20160526霑ｽ蜉�縲€遒ｺ隱榊ｾ後€∽ｸ願ｨ倥�#business莉･荳句炎髯､蜿ｯ --------------------------------------------------------------------------*/ #main #business_re { margin: 0px; padding: 0px; } #main #business_re .hid { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #main #business_re #section01 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding: 0px; height: 866px; width: 850px; } #main #business_re #section02 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -866px; margin: 0px; padding: 0px; height: 393px; width: 850px; } #main #business_re #section03 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -1259px; margin: 0px; padding: 0px; height: 497px; width: 850px; position: relative; } #main #business_re #section03 #btn_sec03 a { height: 70px; width: 530px; display: block; margin: 0px; padding: 0px; transition: 0.6s; position: absolute; top: 339px; left: 261px; } #main #business_re #section03 #btn_sec03 a:hover { height: 70px; width: 530px; display: block; margin: 0px; padding: 0px; opacity: 0.5; background-color: #FFF; } #main #business_re #section04 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -1756px; margin: 0px; padding: 0px; height: 522px; width: 850px; position: relative; } #main #business_re #section04 #btn_sec04 a { height: 268px; width: 790px; display: block; margin: 0px; padding: 0px; transition: 0.6s; position: absolute; top: 213px; left: 30px; } #main #business_re #section04 #btn_sec04 a:hover { height: 268px; width: 790px; display: block; margin: 0px; padding: 0px; opacity: 0.5; background-color: #FFF; } #main #business_re #section05 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -2278px; margin: 0px; padding: 0px; height: 415px; width: 850px; } #main #business_re #section06 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -2693px; margin: 0px; padding: 0px; height: 360px; width: 850px; } #main #business_re #section07 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -3053px; margin: 0px; padding: 0px; height: 418px; width: 850px; position: relative; } #main #business_re #section07 #sec07_txt { position: absolute; top: 250px; width: 770px; left: 40px; font-size: 16px; line-height: 30px; } #main #business_re #section08 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -3471px; margin: 0px; padding: 0px; height: 330px; width: 850px; position: relative; } #main #business_re #section08 #btn_sec08 a { height: 268px; width: 790px; display: block; margin: 0px; padding: 0px; transition: 0.6s; position: absolute; top: 33px; left: 30px; } #main #business_re #section08 #btn_sec08 a:hover { height: 268px; width: 790px; display: block; margin: 0px; padding: 0px; opacity: 0.5; background-color: #FFF; } #main #business_re #section09 #section09_head { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -3801px; margin: 0px; padding: 0px; height: 484px; width: 850px; position: relative; } #main #business_re #section09 #section09_head #sec09_txt { position: absolute; top: 410px; width: 770px; left: 40px; font-size: 16px; line-height: 30px; } #main #business_re #section09 #section09_mid { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -4285px; margin: 0px; padding: 0px; height: 131px; width: 850px; position: relative; } #main #business_re #section09 #sec09_dl01 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -4416px; margin: 0px; padding: 0px; height: 277px; width: 850px; position: relative; } #main #business_re #section09 #sec09_dl01 dd { position: absolute; width: 770px; top: 222px; left: 40px; line-height: 25px; } #main #business_re #section09 #sec09_dl02 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -4693px; margin: 0px; padding: 0px; height: 318px; width: 850px; position: relative; } #main #business_re #section09 #sec09_dl02 dd { position: absolute; top: 247px; left: 40px; width: 770px; line-height: 25px; } #main #business_re #section09 #sec09_dl03 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -5011px; margin: 0px; padding: 0px; height: 302px; width: 850px; position: relative; } #main #business_re #section09 #sec09_dl03 dd { position: absolute; top: 242px; left: 40px; width: 770px; line-height: 25px; } #main #business_re #section10 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -5313px; margin: 0px; padding: 0px; height: 1454px; width: 850px; position: relative; } #main #business_re #section10 #sec10_txt { position: absolute; top: 200px; width: 770px; left: 40px; font-size: 18px; line-height: 30px; color: #FFF; font-weight: bold; } #main #business_re #section10 ul { padding: 0px; margin-top: 400px; } #main #business_re #section10 ul li { float: left; width: 283px; height: 450px; } #main #business_re #section10 ul .section10_li_inline { margin-top: 290px; text-align: center; line-height: 25px; padding-right: 30px; padding-left: 30px; } #main #business_re #section10 ul .section10_li_inline span { color: #F00; padding-top: 10px; padding-bottom: 10px; } #main #business_re #section10 ul li .section10_li_inline div { font-size: 14px; text-align: left; } #main #business_re #section10 #more_lineup { margin: 0px; padding: 0px; height: 150px; width: 850px; position: absolute; top: 1303px; } #main #business_re #section10 #more_lineup a { height: 150px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; width: 850px; margin: 0px; padding: 0px; } #main #business_re #section10 #more_lineup a:hover { height: 150px; width: 850px; display: block; opacity: 0.5; background-color: #FFF; } #main #business_re #section11 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -6767px; margin: 0px; padding: 0px; height: 1100px; width: 850px; position: relative; } #main #business_re #section11 #sec11_txt { position: absolute; top: 250px; width: 770px; left: 40px; font-size: 18px; line-height: 30px; color: #FFF; font-weight: bold; } #main #business_re #section11 #dl01 { position: relative; height: 155px; margin-top: 400px; width: 850px; } #main #business_re #section11 #dl02 { position: relative; height: 155px; margin-top: 10px; width: 850px; } #main #business_re #section11 #dl03 { position: relative; height: 155px; margin-top: 10px; width: 850px; } #main #business_re #section11 #dl04 { position: relative; height: 155px; margin-top: 10px; width: 850px; } #main #business_re #section11 #dl01 dd, #main #business_re #section11 #dl02 dd, #main #business_re #section11 #dl03 dd { position: absolute; top: 80px; left: 200px; line-height: 20px; } #main #business_re #section11 #dl04 dd { position: absolute; top: 100px; left: 200px; line-height: 20px; } #main #business_re #section12 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -7867px; margin: 0px; padding: 0px; height: 348px; width: 850px; position: relative; } #main #business_re #section12 #btn_sec12 a { height: 268px; width: 790px; display: block; margin: 0px; padding: 0px; transition: 0.6s; position: absolute; top: 33px; left: 30px; } #main #business_re #section12 #btn_sec12 a:hover { height: 268px; width: 790px; display: block; margin: 0px; padding: 0px; opacity: 0.5; background-color: #FFF; } #main #business_re #section13 #section13_head { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -8215px; margin: 0px; padding: 0px; height: 217px; width: 850px; position: relative; } #main #business_re #section13 #section13_body { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -8432px; margin: 0px; padding: 0px; height: 727px; width: 850px; position: relative; } #main #business_re #section13 #sec13_txt { position: absolute; top: 100px; width: 620px; left: 197px; font-size: 16px; line-height: 20px; font-weight: bold; } #main #business_re #section13 dl { position: relative; height: 177px; width: 850px; } #main #business_re #section13 dl dd { position: absolute; width: 540px; top: 40px; left: 270px; line-height: 20px; } #main #business_re #section14 { background-image: url(../img/business_images_pc.png); background-repeat: no-repeat; background-position: 0px -9159px; margin: 0px; padding: 0px; height: 269px; width: 850px; position: relative; } #main #business_re #section14 #btn_sec14 a { height: 268px; width: 790px; display: block; margin: 0px; padding: 0px; transition: 0.6s; position: absolute; top: 0px; left: 30px; } #main #business_re #section14 #btn_sec14 a:hover { height: 268px; width: 790px; display: block; margin: 0px; padding: 0px; opacity: 0.5; background-color: #FFF; } /*------------------------------------------------------------------------- 20160620霑ｽ蜉�縲€蝠�刀縺ｮ縺雁ｱ翫￠譌･遞九↓縺､縺�※ --------------------------------------------------------------------------*/ #delivery .hid { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #delivery #sec01 { background-image: url(../img/delivery_images.png); background-repeat: no-repeat; background-position: 0px 0px; height: 283px; width: 850px; position: relative; } #delivery #sec01 #form_area span { position: absolute; left: -320px; top: 193px; font-size: 25px; color: #F00; display: block; font-weight: bold; } #delivery #sec02 { background-image: url(../img/delivery_images.png); background-repeat: no-repeat; background-position: 0px -283px; height: 542px; width: 850px; position: relative; } #delivery #sec02 span { display: block; position: absolute; left: -815px; bottom: 30px; font-size: 14px; } #delivery #sec03 { background-image: url(../img/delivery_images.png); background-repeat: no-repeat; background-position: 0px -825px; height: 714px; width: 850px; position: relative; } #delivery #sec04 { background-image: url(../img/delivery_images.png); background-repeat: no-repeat; background-position: 0px -1539px; height: 222px; width: 850px; display: block; } #delivery a { background-image: url(../img/delivery_images.png); background-repeat: no-repeat; background-position: 0px -1539px; height: 222px; width: 850px; display: block; } #delivery a:hover { height: 222px; width: 850px; opacity: 0.8; background-color: #FFF; display: block; } #delivery #sec03 #delivery_list { width: 560px; top: 100px; left: 30px; position: absolute; } #delivery #sec03 #delivery_list #next_day_th { width: 130px; top: 0px; left: 0px; background-color: #8495F9; margin: 0px; padding: 0px; color: #FFF; text-align: center; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #8495F9; border-right-color: #8495F9; border-left-color: #8495F9; } #delivery #sec03 #delivery_list #two_days_later_th { width: 130px; top: 0px; left: 0px; background-color: #6CE3B2; margin: 0px; padding: 0px; color: #FFF; text-align: center; border: 1px solid #6CE3B2; } #delivery #sec03 #delivery_list #next_day_td { width: 420px; top: 0px; left: 0px; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #8495F9; border-left-color: #8495F9; padding: 10px; font-size: 14px; color: #8495F9; border-right-width: 1px; border-right-style: solid; border-bottom-style: none; border-right-color: #8495F9; line-height: 18px; } #delivery #sec03 #delivery_list #two_days_later_td { width: 420px; top: 0px; left: 0px; padding: 10px; font-size: 14px; color: #6CE3B2; border: 1px solid #6CE3B2; line-height: 18px; } #delivery h3, #delivery ul, #delivery ul li { background-color: #FFF; margin: 0px; padding: 0px; height: 0px; width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #delivery_day { background-image: url(../img/delivery_day.png); margin-right: auto; margin-left: auto; height: 290px; width: 1024px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; position: relative; } #delivery_day .wrap div a { position: absolute; display: block; height: 72px; width: 420px; right: 44px; bottom: 35px; } #delivery_day .wrap div a:hover { background-color: #FFF; opacity: 0.5; } /*------------------------------------------------------------------------- 5-1 item_detail --------------------------------------------------------------------------*/ .item_detail .btn12 a, #contents #main .btn12 a { background-image: url(../img/btn12.png); background-repeat: no-repeat; background-size: 100%; width: 850px; height: 223px; background-position: center top; margin-top: 50px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } .item_detail .btn12 a:hover, #contents #main .btn12 a:hover { background-color: #FFF; opacity: 0.8; } /*------------------------------------------------------------------------- 20160829霑ｽ蜉�縲€縺ｯ縺倥ａ縺ｦ縺ｮ譁ｹ縺ｸ --------------------------------------------------------------------------*/ .hide { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } .about_renew section #sec01 { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding: 0px; height: 610px; width: 850px; position: relative; } .about_renew section #sec01 p { width: 550px; position: absolute; top: 170px; left: 40px; font-size: 16px; line-height: 30px; } .about_renew section #sec01 #registration a { margin: 0px; padding: 0px; height: 260px; width: 850px; position: absolute; top: 350px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } .about_renew section #sec01 #registration a:hover { background-image: url(../img/about_02.png); background-repeat: no-repeat; background-position: 0px -350px; margin: 0px; padding: 0px; height: 260px; width: 850px; } .about_renew section #sec02 { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px -610px; margin: 0px; padding: 0px; height: 1025px; width: 850px; position: relative; } .about_renew section #sec02 p { width: 770px; position: absolute; top: 190px; left: 42px; font-size: 16px; line-height: 30px; } .about_renew section #sec02 #sec02_left { width: 360px; position: relative; top: 330px; left: 40px; } .about_renew section #sec02 #sec02_left p { width: 320px; padding-top: 210px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; position: absolute; left: 0px; top: 0px; line-height: 25px; } .about_renew section #sec02 #sec02_right { width: 360px; position: relative; top: 330px; left: 395px; } .about_renew section #sec02 #sec02_right p { width: 320px; padding-top: 195px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; position: absolute; right: 0px; top: 0px; line-height: 25px; } .about_renew section #sec02 #registration a { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px -4614px; margin: 0px; padding: 0px; height: 260px; width: 850px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; position: absolute; right: 0px; top: 750px; } .about_renew section #sec02 #registration a:hover { background-image: url(../img/about_02.png); background-repeat: no-repeat; background-position: 0px -4614px; margin: 0px; padding: 0px; height: 260px; width: 850px; } .about_renew section #sec_tool { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px -4900px; margin: 0px; padding: 0px; height: 1218px; width: 850px; position: relative; } .about_renew section #sec_tool #registration a { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px -4614px; margin: 0px; padding: 0px; height: 260px; width: 850px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; position: absolute; right: 0px; top: 900px; } .about_renew section #sec_tool #registration a:hover { background-image: url(../img/about_02.png); background-repeat: no-repeat; background-position: 0px -4614px; margin: 0px; padding: 0px; height: 260px; width: 850px; } .about_renew section #sec03_01 { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px -1890px; margin: 0px; padding: 0px; height: 772px; width: 850px; position: relative; } .about_renew section #sec03_01 #sec03_01_01 { font-size: 16px; line-height: 25px; display: block; margin-top: 130px; padding-right: 80px; padding-left: 150px; color: #fff; } .about_renew section #sec03_01 #sec03_01_02 { font-size: 16px; line-height: 25px; display: block; margin-top: 230px; padding-right: 80px; padding-left: 150px; color: #fff; } .about_renew section #sec03 ul #sec03_01 #sec03_01_link a { height: 100px; width: 850px; top: 675px; position: absolute; } .about_renew section #sec03 ul #sec03_01 #sec03_01_link a:hover { background-image: url(../img/about_02.png); background-repeat: no-repeat; background-position: 0px -2565px; height: 100px; width: 850px; } .about_renew section #sec03_02 { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px -2665px; margin: 0px; padding: 0px; height: 364px; width: 850px; position: relative; } .about_renew section #sec03_02 p { font-size: 16px; line-height: 25px; display: block; margin-top: 130px; padding-right: 80px; padding-left: 150px; color: #fff; } .about_renew section #sec03 ul #sec03_02 #sec03_02_link a { height: 100px; width: 850px; top: 265px; position: absolute; } .about_renew section #sec03 ul #sec03_02 #sec03_02_link a:hover { background-image: url(../img/about_02.png); background-repeat: no-repeat; background-position: 0px -2930px; height: 100px; width: 850px; } .about_renew section #sec03_03 { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px -3029px; margin: 0px; padding: 0px; height: 517px; width: 850px; position: relative; } .about_renew section #sec03_03_01 { font-size: 16px; line-height: 25px; display: block; margin-top: 130px; padding-right: 80px; padding-left: 150px; color: #fff; } .about_renew section #sec03_03_02 { font-size: 16px; line-height: 25px; display: block; margin-top: 30px; padding-right: 80px; padding-left: 150px; color: #fff; } .about_renew section #sec03 ul #sec03_03 #sec03_03_link a { height: 100px; width: 850px; top: 421px; position: absolute; } .about_renew section #sec03 ul #sec03_03 #sec03_03_link a:hover { background-image: url(../img/about_02.png); background-repeat: no-repeat; background-position: 0px -3450px; height: 100px; width: 850px; } .about_renew section #sec03_04 { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px -3546px; margin: 0px; padding: 0px; height: 375px; width: 850px; position: relative; } .about_renew section #sec03_04 p { font-size: 16px; line-height: 25px; display: block; margin-top: 130px; padding-right: 80px; padding-left: 150px; color: #fff; } .about_renew section #sec03 ul #sec03_04 #sec03_04_link a { height: 100px; width: 850px; top: 278px; position: absolute; } .about_renew section #sec03 ul #sec03_04 #sec03_04_link a:hover { background-image: url(../img/about_02.png); background-repeat: no-repeat; background-position: 0px -3824px; height: 100px; width: 850px; } .about_renew section #sec03_05 { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px -3921px; margin: 0px; padding: 0px; height: 376px; width: 850px; position: relative; } .about_renew section #sec03_05 p { font-size: 16px; line-height: 25px; display: block; margin-top: 130px; padding-right: 80px; padding-left: 150px; color: #fff; } .about_renew section #sec03 ul #sec03_05 #sec03_05_link a { height: 100px; width: 850px; top: 278px; position: absolute; } .about_renew section #sec03 ul #sec03_05 #sec03_05_link a:hover { background-image: url(../img/about_02.png); background-repeat: no-repeat; background-position: 0px -4199px; height: 100px; width: 850px; } .about_renew section #sec03 #registration a { background-image: url(../img/about_01.png); background-repeat: no-repeat; background-position: 0px -4298px; margin: 0px; padding: 0px; height: 260px; width: 850px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } .about_renew section #sec03 #registration a:hover { background-image: url(../img/about_02.png); background-repeat: no-repeat; background-position: 0px -4298px; margin: 0px; padding: 0px; height: 260px; width: 850px; } /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* #main contents - malo迚ｹ險ｭ繝壹�繧ｸ��20160113霑ｽ蜉��� *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/ .malo_cnt-Area .malo_header { line-height: 0; } .malo_cnt-Area .malo_prf { line-height: 0; } /* 繧ｿ繧､繝医Ν�医う繧ｫ縺吶Θ繝ｫ譏ｭ蜥後げ繝�ぜ縺溘■�� ------------------------*/ .malo_cnt-Area .malo_tit { line-height: 0; } .malo_goods-Area { } .malo_goods-Area a { font-weight: bold; } .malo_goods-Area a:hover { text-decoration: underline; } /* 繧ｰ繝�ぜ�大�逶ｮ ------------------------*/ .malo_goods-Area .gArea001 { height: 268px; background: #FFF url(img/malo/malo_goods01_bg.png) center no-repeat; position: relative; } .malo_goods-Area .gArea001 .l_block { position: absolute; top: 168px; left: 200px; } .malo_goods-Area .gArea001 .r_block { position: absolute; top: 220px; left: 612px; } /* 繧ｰ繝�ぜ�貞�逶ｮ ------------------------*/ .malo_goods-Area .gArea002 { height: 349px; background: #FFF url(img/malo/malo_goods02_bg.png) center no-repeat; position: relative; } .malo_goods-Area .gArea002 .l_block { position: absolute; top: 134px; left: 62px; } .malo_goods-Area .gArea002 .l_block a { font-size: 88%; } .malo_goods-Area .gArea002 .c_block { position: absolute; top: 205px; left: 444px; } .malo_goods-Area .gArea002 .r_block { position: absolute; top: 320px; left: 664px; } .malo_goods-Area .gArea002 .r_block a { font-size: 88%; } /* 繧ｰ繝�ぜ�灘�逶ｮ ------------------------*/ .malo_goods-Area .gArea003 { height: 536px; background: #FFF url(img/malo/malo_goods03_bg.png) center no-repeat; position: relative; } .malo_goods-Area .gArea003 .l01_block { position: absolute; top: 132px; left: 198px; } .malo_goods-Area .gArea003 .l02_block { position: absolute; top: 376px; left: 92px; } .malo_goods-Area .gArea003 .l02_block a { font-size: 88%; } .malo_goods-Area .gArea003 .c_block { position: absolute; top: 428px; left: 500px; } .malo_goods-Area .gArea003 .r_block { position: absolute; top: 212px; left: 642px; } .malo_goods-Area .gArea003 .r_block a { font-size: 88%; } /* 繝懊ち繝ｳ繧ｨ繝ｪ繧｢ ------------------------*/ .malo_btnArea { height: 170px; background: #FFF url(img/malo/malo_brnArea_bg.png) center no-repeat; } .btnBlock { padding-top: 46px; } .malo_btnArea a { text-indent: -9999px; overflow: hidden; display: block; width: 686px; height: 104px; background: url(img/malo/malo_btn.png) no-repeat; text-align: center; margin: 0 auto; } .malo_btnArea a:hover { background-position:0 -104px; } /* 繧ｿ繧､繝医Ν�医◎縺ｮ莉悶�繝ｦ繝ｫ譏ｭ蜥後げ繝�ぜ縺溘■�� ------------------------*/ .malo_cnt-Area .malo_tit02 { line-height: 0; } .malo_othergoods-Area { height: 493px; background: #FFF url(img/malo/malo_othergoods_bg.png) center no-repeat; position: relative; display: flex; } .malo_othergoods-Area a:hover { opacity: .6; } /* 繝ｩ繧､繝ｳ繧ｹ繧ｿ繝ｳ繝� 繧ｨ繝ｪ繧｢ ------------------------*/ .malo_othergoods-Area .l_block { width: 425px; position:relative; display: inline-block; } .malo_othergoods-Area .l_block p { color: #a0856b; padding: 88px 55px 10px 66px; line-height: 152%; } .malo_othergoods-Area .l_block a { width: 425px; height: 316px; } .malo_othergoods-Area .l_block .prArea { position: absolute; top: 332px; left: 10px; } /* 譖ｸ邀� 繧ｨ繝ｪ繧｢ ------------------------*/ .malo_othergoods-Area .r_block { width: 425px; position:relative; display: inline-block; } .malo_othergoods-Area .r_block p { color: #a0856b; padding: 88px 55px 10px 66px; line-height: 152%; } .malo_othergoods-Area .r_block a { width: 259px; margin: 0 auto; text-align: center; display: block; padding-top: 20px; } .malo_othergoods-Area .r_block .prArea { position: absolute; top: 332px; right: 10px; } /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 繝医ャ繝励�繝ｼ繧ｸ��20160607霑ｽ蜉��� *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/ /* 繧ｹ繝ｩ繧､繝€繝ｼ繝代�繝�ｿｽ蜉� ------------------------*/ #main_visual #feature_area { width: 1100px; margin-right: auto; margin-left: auto; position: relative; } #main_visual #feature_area #feature_factor { margin: 0px; padding: 0px; height: 223px; width: 469px; position: absolute; right: 26px; bottom: 200px; white-space: nowrap; overflow: hidden; } /* 繧｢繧､繝�Β邏ｹ莉九お繝ｪ繧｢ ------------------------*/ #item-select { padding-top: 75px; background-color: #FFF; } #item-select #headline03 { background-image: url(../img/images_item-select.png); background-repeat: no-repeat; background-position: 0px 0px; height: 663px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; width: 1033px; margin-right: auto; margin-left: auto; } /* 繧ｷ繝ｼ繝ｳ邏ｹ莉九お繝ｪ繧｢ ------------------------*/ #sceneArea { background-color: #fff; height: 920px; } #sceneArea #headline01 { background-image: url(../img/images_sceneArea.png); background-repeat: no-repeat; background-position: 0px 0px; height: 210px; width: 100%; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; } #sceneArea ul { padding: 0; width: 100%; margin-top: 41px; margin-right: 0; margin-bottom: 0; margin-left: 0; } #sceneArea ul #scene01 { background-image: url(../img/images_sceneArea.png); background-repeat: no-repeat; background-position: 0px -247px; height: 181px; width: 331px; float: left; } #sceneArea ul #scene02 { background-image: url(../img/images_sceneArea.png); background-repeat: no-repeat; background-position: -350px -247px; height: 320px; width: 331px; float: left; margin-left: 15px; } #sceneArea ul #scene03 { background-image: url(../img/images_sceneArea.png); background-repeat: no-repeat; background-position: -701px -247px; height: 320px; width: 331px; float: right; } #sceneArea ul #scene04 { background-image: url(../img/images_sceneArea.png); background-repeat: no-repeat; background-position: 0px -588px; height: 181px; width: 331px; float: left; } #sceneArea ul #scene05 { background-image: url(../img/images_sceneArea.png); background-repeat: no-repeat; background-position: -350px -588px; height: 320px; width: 331px; float: left; margin-left: 15px; } #sceneArea ul #scene06 { background-image: url(../img/images_sceneArea.png); background-repeat: no-repeat; background-position: -701px -588px; height: 320px; width: 331px; float: right; } #scene01 h3, #scene02 h3, #scene03 h3,#scene04 h3, #scene05 h3, #scene06 h3 { color: #33c1e4; font-weight: 700; text-align: center; margin-top: 204px; font-size: 155%; } #scene01 p, #scene02 p, #scene03 p, #scene04 p, #scene05 p, #scene06 p { color: #33c1e4; margin-top: 16px; padding: 10px; font-size: 16px; line-height: 23px; text-align: center; } /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 繝医ャ繝励�繝ｼ繧ｸ��20160614霑ｽ蜉��� *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/ /* 繧ｰ繝ｭ繝ｼ繝舌Ν繝翫ンMENU鬆�岼霑ｽ蜉� ------------------------*/ #head_right { width: 645px; } #head_right nav ul .menu06 a { background-position: -1047px -143px; } #head_right nav ul .menu06 a:hover { background-position: -1047px -192px; } #head_right nav ul .menu07 a { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -953px -143px; height: 39px; margin-right: 12px; width: 94px; display: block; } #head_right nav ul .menu07 a:hover { background-image: url(../img/images.png); background-repeat: no-repeat; background-position: -953px -192px; height: 39px; width: 94px; } #head_right nav ul .menu01 a, #head_right nav ul .menu02 a, #head_right nav ul .menu03 a, #head_right nav ul .menu04 a, #head_right nav ul .menu05 a { margin-right: 12px; } /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 繝輔か繝ｼ繝�蜻ｨ繧奇ｼ�20160616霑ｽ蜉��� *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/ .comp dt span.subtit_pc { font-weight: bold; margin-top: 20px; display: inline-block; } .comp dt span.subtit_carrier { font-weight: bold; margin-top: 10px; display: inline-block; } /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* J竏朮UALITY繝壹�繧ｸ��20160721霑ｽ蜉��� *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/ #j_qualityArea #main #business_re #section01 { background-image: url(../img/jquality_images_pc.png); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding: 0px; height: 466px; width: 850px; } #j_qualityArea #main #business_re #section02 { background-image: url(../img/jquality_images_pc.png); background-repeat: no-repeat; background-position: 0px -466px; margin: 0px; padding: 0px; height: 441px; width: 850px; } #j_qualityArea #main #business_re #section03 { background-image: url(../img/jquality_images_pc.png); background-repeat: no-repeat; background-position: 0px -907px; margin: 0px; padding: 0px; height: 1192px; width: 850px; } /*繝懊ち繝ｳ 繧ｨ繝ｪ繧｢*/ #j_qualityArea .btnArea { overflow: hidden; text-indent: 100%; white-space: nowrap; } #j_qualityArea .btnArea a { width: 850px; height: 277px; margin: 0 auto; text-align: center; display: block; background: url(../img/btn_orig_item.png) center no-repeat; padding-top: 30px; } #j_qualityArea .btnArea a:hover { width: 850px; height: 277px; margin: 0 auto; text-align: center; display: block; background: url(../img/btn_orig_item_hover.png) center no-repeat; padding-top: 30px; } /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 繝医ャ繝励�繝ｼ繧ｸ縲€J竏朮UALITY繝舌リ繝ｼ��20160805霑ｽ蜉��� *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/ #qc ul #qc_sec06 { background-image: url(/template/pc/html/page/nobody/bsc/qc.png); background-repeat: no-repeat; height: 387px; width: 1024px; background-position: 0px -1812px; } li#qc_sec06 a { display: block; height: 387px; width: 1024px; } li#qc_sec06:hover { opacity: .8; } #qc ul #qc_sec05 { height: 202px; } /* business_re_new */ #business_re_new{ overflow:hidden; width:850px; margin:0 auto; } #business_re_new ul{ margin:0; padding:0; list-style:none; } #business_re_new .hid{ text-indent:100%; white-space:nowrap; display:block; overflow:hidden; } #business_re_new .section01{ overflow:hidden; background:url(/template/pc/html/page/nobody/bsc/img-bcp01.jpg) no-repeat; width:850px; height:470px; margin-bottom:26px; } #business_re_new .section02{ overflow:hidden; border:1px solid #4a71c2; border-width:0 6px 6px; background:#e5ffff; margin-bottom:24px; position:relative; height:365px; } #business_re_new .section02.mb80{margin-bottom:80px;} #business_re_new .section02 h2{ position:absolute; top:0; left:0; right:0; font-size: 30px; line-height: 64px; font-weight: bold; text-align: center; color: #fff; background:#4a71c2; margin:0; text-indent: initial; } #business_re_new .section02 h2:after{ content:''; position:absolute; bottom:-17px; left:50%; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:20px solid #4a71c2; margin-left:-10px; } #business_re_new .section02 .t01{ position:absolute; font-size: 19px; line-height: 24px; font-weight: bold; text-align: center; top:100px; left:10px; width:409px; overflow:hidden; text-indent: initial; } #business_re_new .section02 .t02{ position:absolute; font-size: 19px; line-height: 24px; font-weight: bold; text-align: center; top:100px; right:10px; width:409px; overflow:hidden; text-indent: initial; } #business_re_new .section02 .btn01, #business_re_new .section02 .btn02{ position:absolute; width:394px; height:81px; overflow:hidden; text-indent:-9999px; background:url(/common/design/user/img/business/business-btn-pc1.png) no-repeat 50%; top:127px; left:15px; } #business_re_new .section02 .btn02{ left:auto; right:15px; background:url(/common/design/user/img/business/business-btn-pc2.png) no-repeat 50%; } #business_re_new .section02 .btn01:hover, #business_re_new .section02 .btn02:hover{ -moz-opacity:0.8; filter:alpha(opacity:80); opacity:0.8; } #business_re_new .section03{ overflow:hidden; background:url(/template/pc/html/page/nobody/bsc/img-bcp02.jpg) no-repeat; width:850px; height:634px; } #business_re_new .section04{ overflow:hidden; } #business_re_new .section04 .list-clients-info{ margin:0 -4px 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow:hidden; } #business_re_new .section04 .list-clients-info li{ margin:0 5px 14px; width:276px; height:228px; display:block; overflow:hidden; text-indent:-9999px; } #business_re_new .section04 .list-clients-info li:nth-child(1){ background:url(/template/pc/html/page/nobody/bsc/bg-bcp-clients-info01.png) no-repeat; background-size:276px 228px; } #business_re_new .section04 .list-clients-info li:nth-child(2){ background:url(/template/pc/html/page/nobody/bsc/bg-bcp-clients-info02.png) no-repeat; background-size:276px 228px; } #business_re_new .section04 .list-clients-info li:nth-child(3){ background:url(/template/pc/html/page/nobody/bsc/bg-bcp-clients-info03.png) no-repeat; background-size:276px 228px; } #business_re_new .section04 .list-clients-info li:nth-child(4){ background:url(/template/pc/html/page/nobody/bsc/bg-bcp-clients-info04.png) no-repeat; background-size:276px 228px; } #business_re_new .section04 .list-clients-info li:nth-child(5){ background:url(/template/pc/html/page/nobody/bsc/bg-bcp-clients-info05.png) no-repeat; background-size:276px 228px; } #business_re_new .section04 .list-clients-info li:nth-child(6){ background:url(/template/pc/html/page/nobody/bsc/bg-bcp-clients-info06.png) no-repeat; background-size:276px 228px; } .bcp-title01{ overflow: hidden; margin: 0 0 14px; background: url(../img/mike-tshirt-new/triangle.png) no-repeat 50% 100%; font-size: 30px; line-height: 70px; font-weight: bold; color: #ee4300; text-align: center; text-indent: initial; } #business_re_new .section05{ overflow:hidden; } #business_re_new .section05 .introduction-list{ margin:0 0 106px; padding:0; list-style:none; overflow:hidden; } #business_re_new .section05 .introduction-list li{ overflow:hidden; margin-top:30px; } #business_re_new .section05 .introduction-list li:first-child{margin:0;} #business_re_new .section05 .introduction-list h3{ margin:0 0 20px; text-align:center; background:#b1e6ff; font-size:21px; line-height:44px; font-weight:bold; color:#045ca0; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; overflow:hidden; } #business_re_new .section05 .introduction-list .wrap{ overflow:hidden; } #business_re_new .section05 .introduction-list .image{ float:left; width:345px; } #business_re_new .section05 .introduction-list .image img{ display:block; } #business_re_new .section05 .introduction-list .text{ overflow:hidden; } #business_re_new .section05 .introduction-list .box{ overflow:hidden; margin:23px 0 0; padding-left:15px; position:relative; } #business_re_new .section05 .introduction-list .box:after{ content:''; position:absolute; left:0; top:4px; bottom:4px; width:5px; background:#ee4300; overflow:hidden; } #business_re_new .section05 .introduction-list .box:first-child{margin-top:0;} #business_re_new .section05 .introduction-list h4{ margin:0; color:#ee4300; font-size:15px; line-height:28px; font-weight:bold; } #business_re_new .section05 .introduction-list p{ margin:0; color:#1a1a1a; font-size:15px; line-height:28px; } .bcp-title02{ overflow:hidden; margin:0 0 14px; text-indent:-9999px; background:url(/template/pc/html/page/nobody/bsc/title-business05.png) no-repeat 50%; height:74px; width:100%; } #business_re_new .section02.mb57{margin:0 0 57px;} #business_re_new .section06{ overflow:hidden; } #business_re_new .list-delivered-cases{ overflow:hidden; } #business_re_new .list-delivered-cases li{ background:url(/template/pc/html/page/nobody/bsc/bg-bcp-list-delivered-cases.png) repeat-x; overflow:hidden; margin:14px 0 0; padding:23px 20px 0; } #business_re_new .list-delivered-cases li:first-child{margin:0;} #business_re_new .list-delivered-cases .top{ overflow:hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-bottom:14px; } #business_re_new .list-delivered-cases .top .image{ width:147px; margin-right:14px; } #business_re_new .list-delivered-cases .top .image img{display:block;} #business_re_new .list-delivered-cases .top h3{ margin:0; font-size:26px; line-height:30px; font-weight:bold; color:#f60; } #business_re_new .list-delivered-cases .top h4{ margin:0; font-size:21px; line-height:30px; font-weight:bold; color:#1e1e1e; } #business_re_new .list-delivered-cases .top p{ margin:0; font-size:17px; line-height:30px; color:#1e1e1e; padding-left:25px; background:url(/template/pc/html/page/nobody/bsc/icon-bcp01.png) no-repeat 0 50%; } #business_re_new .list-delivered-cases .text-info{overflow:hidden;} #business_re_new .list-delivered-cases .text-info p{ margin:0 0 20px; font-size:15px; line-height:30px; color:#000; } .bcp-title02{ overflow: hidden; margin: 0 0 14px; background: url(../img/mike-tshirt-new/triangle.png) no-repeat 50% 102%; font-size: 30px; line-height: 36px; font-weight: bold; color: #ee4300; text-align: center; text-indent: initial; } #business_re_new .section07:after{ content:''; display:block; clear:both; } #business_re_new .section02.mb98{margin-bottom:98px;} #business_re_new .list-bcp-realized{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; margin:0 2px 27px 0; } #business_re_new .list-bcp-realized li{ display:block; border:1px solid #cacaca; background:#fff; overflow:hidden; padding:20px; width:375px; box-shadow:2px 4px 0px rgba(178, 174, 173, 1); } #business_re_new .list-bcp-realized .image{ overflow:hidden; margin-bottom:24px; } #business_re_new .list-bcp-realized .image img{ display:block; width:100%; } #business_re_new .list-bcp-realized .text{overflow:hidden;} #business_re_new .list-bcp-realized h3{ margin:0; font-size:17px; line-height:22px; font-weight:bold; color:#040000; } #business_re_new .list-bcp-realized p{ margin:0; font-size:15px; line-height:22px; color:#040000; } #business_re_new .section08{ width:850px; height:619px; overflow:hidden; background:url(../img/mike-tshirt-new/buisness-banner-bg.jpg) no-repeat; background-size: contain; margin-bottom:40px; padding: 30px 50px 0; } #business_re_new .section08 h2{ font-size: 42px; line-height: 60px; font-weight: bold; color: red; text-align: center; text-shadow: 4px 4px 4px #fff; margin-left: -40px; margin-bottom: 10px; } #business_re_new .section08 h3{ font-size: 30px; line-height: 40px; font-weight: bold; color: #fff; text-align: center; text-shadow: 2px 2px 2px #000; margin-left: -40px; margin-bottom: 10px; } .black-bg{ background-color: #000; opacity: .7; padding: 14px; width: 89%; } #business_re_new .section08 p{ font-size: 16px; line-height: 24px; color: #fff; font-weight: bold; margin: 0; } #business_re_new .section08 span{ display:block; width:100%; text-indent: -9999px; overflow:hidden; margin:0; } .bcp-title03{ overflow:hidden; margin:0 0 14px; background:url(../img/mike-tshirt-new/triangle.png) no-repeat 50% 102%; font-size: 30px; line-height: 36px; font-weight: bold; color: #ee4300; text-align: center; } /* business_re_new end*/ #business_re_new .section05 .introduction-list .wrap{width:850px;} #other-choice-item .sub-title{ margin:20px 0 24px; background:#59af26; font-size:20px; line-height:58px; padding:0 22px; color:#fff; overflow:hidden; } #other-choice-item .size-chart-item-text{ display:block; text-align:right; font-size:12px; line-height:20px; color:#404040; margin-bottom:5px; } #other-choice-item .item-category-list{ margin:0; padding:0; list-style:none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #other-choice-item .item-category-list li{ width:202px; margin:0 0 9px; } #other-choice-item .item-category-list a{ display:block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position:relative; border:1px solid #a8a8a8; overflow:hidden; font-size:14px; line-height:20px; color:#4a4a4a; font-weight:bold; text-decoration:none; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 100%); height:68px; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:5px 2px 5px 70px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #other-choice-item .item-category-list a:after{ content:''; position:absolute; top:0; bottom:0; left:7px; width:55px; } #other-choice-item .item-category-list li:nth-child(1) a:after{ background:url(/common/design/user/img/csvtest/item-category-list01.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(2) a:after{ background:url(/common/design/user/img/csvtest/item-category-list02.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(3) a:after{ background:url(/common/design/user/img/csvtest/item-category-list03.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(4) a:after{ background:url(/common/design/user/img/csvtest/item-category-list04.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(5) a:after{ background:url(/common/design/user/img/csvtest/item-category-list05.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(6) a:after{ background:url(/common/design/user/img/csvtest/item-category-list06.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(7) a:after{ background:url(/common/design/user/img/csvtest/item-category-list07.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(8) a:after{ background:url(/common/design/user/img/csvtest/item-category-list08.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(9) a:after{ background:url(/common/design/user/img/csvtest/item-category-list09.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(10) a:after{ background:url(/common/design/user/img/csvtest/item-category-list10.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(11) a:after{ background:url(/common/design/user/img/csvtest/item-category-list11.png) no-repeat 50%; } #other-choice-item .item-category-list li:nth-child(12) a:after{ background:url(/common/design/user/img/csvtest/item-category-list12.png) no-repeat 50%; } #other-choice-item .item-category-list a:hover{ -moz-opacity:0.8; filter:alpha(opacity:80); opacity:0.8; text-decoration:none; } .banner-completely-free{ background:#ffda00; height:190px; overflow:hidden; position:relative; } .banner-completely-free img{ display:block; margin:0 auto; } .banner-completely-free .text-hiden{ position:absolute; left:-9999px; } #main_visual .button{ background:none; height:123px; position:relative; } #main_visual .button a{ padding:0; height:123px; background:none; position:relative; } #main_visual .button a:hover{ padding:0; height:123px; background:none; } #main_visual .button a:hover:after{ content:''; position:absolute; width:983px; height:123px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; background-color:rgba(255, 255, 255, 0.3); top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } #main_visual .button a img{ width:983px; opacity:1; } /* update tshirt */ #main #tshirt, #main #icase, #main #baby, #main #poloshirt, #main #parka, #main #sweat, #main #towel, #main #bag, #main #apron, #main #other, #main #longtshirt{ overflow:hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #main #tshirt h3, #main #icase h3, #main #baby h3, #main #poloshirt h3, #main #parka h3, #main #sweat h3, #main #towel h3, #main #bag h3, #main #apron h3, #main #other h3, #main #longtshirt h3{ width:100%; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } #main #tshirt > p, #main #icase > p, #main #baby > p, #main #poloshirt > p, #main #parka > p, #main #sweat > p, #main #towel > p, #main #bag > p, #main #apron > p, #main #other > p, #main #longtshirt > p{ width:100%; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } #main #tshirt li > p, #main #icase li > p, #main #baby li > p, #main #poloshirt li > p, #main #parka li > p, #main #sweat li > p, #main #towel li > p, #main #bag li > p, #main #apron li > p, #main #other li > p, #main #longtshirt li > p{ padding:0 15px; overflow-wrap: break-word; word-wrap: break-word; word-break: keep-all; line-break: loose; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #main #tshirt li, #main #icase li, #main #baby li, #main #poloshirt li, #main #parka li, #main #sweat li, #main #towel li, #main #bag li, #main #apron li, #main #other li, #main #longtshirt li, #main #banner li, #main #pants li{ float:none !important; height:auto !important; margin:10px 5px 0; } /* two-input-top-btn update 04_06_2017 */ .two-input-top-btn{ margin:-24px auto 20px; width:1024px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; position:relative; z-index:100; bottom:-24px; } .two-input-top-btn .button{ width:492px !important; height:auto !important; position:relative; overflow:hidden; overflow:visible !important; } #main_visual .button a:hover:after{ width:100% !important; height:123px; top:auto; left:0 !important; bottom:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; overflow:hidden; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); } .two-input-top-btn .button:last-child a:before{ content:''; position:absolute; top:-36px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:url(/common/design/user/img/btn-ps-red-top03.png) no-repeat; width:306px; height:68px; overflow:hidden; z-index:10; } .two-input-top-btn .button a{ display:block !important; width:auto !important; height:auto !important; overflow:visible !important; } .two-input-top-btn .button img{ display:block !important; width:100% !important; position:relative !important; height:auto !important; top:0 !important; } /* update top banner */ #main_visual #feature_area #feature_factor { margin: 0px; padding: 0px; height: 128px; width: 486px; position: absolute; right: 26px; bottom: 250px; white-space: nowrap; overflow: hidden; } #main_visual #feature_area #feature_factor ul{ list-style: none; } #main_visual #feature_area #feature_factor li { font-weight: bold; padding: 20px 0; box-sizing: border-box; padding: 20px 0; color: #fff; font-size: 14px; box-shadow: 0 0 10px rgba(0,0,0,0.5); margin: 6px 4px; border: 3px solid #fff; border-radius: 50%; text-align: center; display: inline-block; width: 112px; height: 112px; float: left; } #main_visual #feature_area #feature_factor li:first-child { background-color: #FC9600; } #main_visual #feature_area #feature_factor li:nth-child(2) { background-color: #A9CD4B; } #main_visual #feature_area #feature_factor li:nth-child(3) { background-color: #E01F81; } #main_visual #feature_area #feature_factor li:last-child { background-color: #43D3F3; } #main_visual #feature_area #feature_factor li span {font-size: 36px; font-weight: bolder;} #main_visual #delivery_area #delivery_date { margin: 0px; padding: 0px; height: 204px; width: 465px; position: absolute; right: 30px; bottom: 20px; } #main_visual #delivery_area #delivery_date #date{ moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); line-height:28px; font-size:22px; top:110px; color:#454545; } #main_visual ul li #main_copy02{ width:554px; height:128px; margin-top:0; } #main_visual .button{ margin:-5px auto 14px !important; bottom:0 !important; } #main_visual{overflow:hidden;} .unpredictable{ overflow:hidden; background:#00276a; padding: 20px; display: flex; align-items: center; } .unpredictable .inner{ margin: 0 auto; height: 100%; font-size: 80px; font-weight: bold; color: #FFE600; } .unpredictable .inner div{ display: inline-block; vertical-align: top; padding: 5px; width: 200px; border: 3px solid white; border-radius: 10px; text-align: center; font-size: 20px; line-height: 24px; color: #fff; box-sizing: border-box; } .unpredictable .inner div p{ margin: 0; line-height: 30px; } .unpredictable .inner div span{ display: inline-block; font-size: 38px; color: #fff; } /*------------------------------------------------------------------------- 霑ｽ蜉�縲€辟｡蝨ｰ蝠�刀 --------------------------------------------------------------------------*/ .search_box { background: #eedcbb; padding: 5px; vertical-align: middle; margin-bottom: 10px; } .search_box i { vertical-align: middle; display: inline-block; } input.plain_sbmt_search { border: 0px; width: 61px; height: 27px; background: url(../img/plain/search_btn.png) center no-repeat; border: none; vertical-align: middle; } .category_head_box h3 { background: #59af20; text-align: center; } ul.item_list_set { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; margin:0 -5px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.item_list_set::after { content: ""; display: block; width: 270px; } .item_list_set li { border: 2px solid #7c848a; height: 330px; width: 270px; text-align: center; margin: 0px; padding-bottom: 0; float: none; display: block; margin-bottom:10px; } .item_list_set h3 img { width: auto; } .item_list_set img { width:140px; max-height:140px; } .item_list_set li .item_list_detail span { font-size: 100%; background: #e9e9e9; margin: 0; float: none; font-size: 12px; color: #333; font-weight: bold; margin-right: 5px; width: 100px; text-align: center; padding-top: 5px; padding-bottom: 5px; } .item_list_detail { color: #333; text-align: left; border-top: dotted 1px #333; padding: 10px 0px; font-weight: bold; margin-left: 6px; margin-right: 6px; font-size: 11px; } .item_list_detail p { display: flex; padding: 0px!important; margin-bottom: 2px; align-items: center; } .item_list_set li .item_list_detail span.item_price{ color: red; font-weight: bold; font-size: 16px; text-align: center; background: #ffeded; width: 100%; margin-top: 3px; } .item_description_hidden { display: none!important; } .item_detail li p.item_list_title { background: url(../img/plain/item_list_ttl_head.png) center; font-size: 16px!important; line-height:40px; color: #fff; overflow:hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-height:40px; line-height:20px; } .item_detail li p.item_list_title a { color: #fff; display:block; width:100%; /* padding: 10px 0px; */ } .head_banner { margin-bottom: 10px; } .item_detail ul { overflow: hidden; } .item_box a img:hover{ opacity:0.8; } .item_list_box{ padding-bottom: 50px; } li.search_item_list { border: none; width: 100%; text-align: left; height: 100%; margin-bottom: 20px; } ul.search_item_box { display: block; font-size: 100%; } .search_item_set { display: flex; border-bottom: 1px dotted #333; padding-bottom: 5px; } .search_results h3 { text-align: left; display: flex; justify-content: space-between; padding:20px 10px; } p.search_item_title a { color: #1397db; border-bottom: 1px solid; padding-bottom: 3px; } p.search_item_title { font-weight: bold; font-size: 16px; margin-bottom: 10px; padding: 0; } li.search_item_list .search_item_set p { padding: 0; } .search_item_txt .item_list_detail { border: none; padding-top: 15px; margin: 0; } p.search_item_text01 { font-weight: bold; font-size: 120%; } p.search_item_text01 {} .span.item_price {} .search_item_list span.item_price { width: 50%!important; } .search_item_txt { padding-left:30px; } p.item_head_text { background-color: #cfd9e7; padding: 11px 5px; position: relative; border-radius: 10px; font-weight: bold; font-size: 20px; line-height:21px; font-weight:bold; margin-bottom:32px; text-align: center; color:#363636; } .item_head_text:after { border-top: 17px solid #cfd9e7; border-right: 15px solid transparent; border-left: 15px solid transparent; content: ''; position: absolute; bottom: -17px; margin-left:-15px; right: 50%; } .item_detail_box h2{ color:#fff; font-size:112.5%; font-weight:bold; height: 41px; padding: 20px 10px 0 20px; margin:0 0 35px 0; background:url(img/title_bg_l.png) repeat-x 0 0; } .item_detail_set img{display:block;} .item_detail_set li > img { border: 2px solid #d7d7d7; margin-bottom:8px; width:100%; } .item_detail_box .clearfix{ margin-bottom: 28px; } .item_detail_box h3 { background: #59af26; font-weight: bold; padding:19px 10px; font-size:20px; line-height:22px; margin:0 0 20px; } .item_detail_box .item_manual_text02{ font-size:16px; line-height:18px; margin-bottom:20px; } .item_detail_box .item_manual_text02 strong{ display: block; margin-bottom: 5px; } .table-climbing{ display: block; width: 100%; } .climbing-box + .climbing-box{margin-top: 28px;} .table-climbing table{ width: 100%; max-width: 100%; border-collapse: collapse; } .table-climbing table tr{ height: 30px; font-size: 14px; line-height: 19px; font-weight: 400; } .table-climbing table th{ border: 1px solid #b5b5b5; vertical-align: middle; padding: 5px 15px; box-sizing: border-box; background-color: #f0f0f0; font-weight: 700; text-align: left; width: 25%; } .table-climbing table th:last-child{ width: 100%; } .table-climbing table td{ border: 1px solid #b5b5b5; vertical-align: middle; padding: 5px 15px; box-sizing: border-box; text-align: left; } .btn_box_set { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; font-weight: bold; color: #fff; font-size: 18px; line-height:61px; margin:0 -5px; } .btn_box_set a{ color: #fff; display:block; } .cart_btn { background: #ce1402; } .btn_box_set > div { text-align: center; border-radius: 6px; background: linear-gradient(to top, #d01403 , #e51309 70%, #fc1211 100%); border-top: solid #ff7474 2px; margin: 0 5px; width:70%; margin:auto; } .btn_box_set > div:hover { opacity:0.8; } .material_box { display: flex; justify-content: space-between; } .material_txt p{ line-height: 1.4; } .btn_box_set.btn_box_set_s { width: 495px; margin: auto; } .category_box.pt20 { padding-top: 20px; } .item_purchase_head_box { background: #fdfbc7; text-align: center; padding: 20px 0; font-weight: bold; margin-bottom: 20px; } p.product_nmbr { margin-bottom: 10px; } .product_price span { color: red; font-size: 150%; } .item_purchase_txt { display: flex; justify-content: space-between; } .item_purchase_txt > div { width:48%; } .item_purchase_txt > div img{ width:100%; } .item_purchase_img { margin-bottom: 20px; } .item_size_caption { width:100%; overflow: hidden; } .item_size_caption p{ float: left; } .item_size_caption p.size_link { text-align: right; float: right; } .item_purchase_box { margin-bottom: 30px; } .item_purchase_box .clearfix { margin-bottom: 20px; } .item_size_box { font-size: 12px; margin-bottom: 60px; } .table_box { position: relative; width: 100%; height: auto; } .size_table .table_box{ height: auto; } .fix_head { position: absolute; width: 100px; } .scroll { position: relative; left: 100px; width: 754px; overflow: hidden; } .item_size_box table { border-right: 1px dotted #4986bf; } th.nowrap { white-space: nowrap; } .item_size_box input[type="text"] { width: 70%; } .item_size_box th,td{ text-align:center; } .item_size_box th { font-weight: bold; color: #fff; background: #4986bf; padding: 20px 10px; border-right: 1px #fff dotted; } .item_size_box th:last-child { border-right: 1px #2a6eae dotted; } .item_size_box td.tdhead { font-weight: bold; color: #2a6eae; background: #c3e2ff; padding: 10px 0; border-bottom: 1px solid #2a6eae; height: 34px; } .size_table td.tdhead { font-weight: bold; color: #2a6eae; background: #c3e2ff; padding: 5px 0; border-bottom: 1px solid #2a6eae; height: 33px; } .item_size_box td { font-weight: bold; padding: 10px 9px; border-bottom: 1px solid #ccc; border-right: 1px #2a6eae dotted; } .size_table td { padding: 5px 9px; height: 33px; } .item_size_box .btn_box_set{ font-size: 150%; } .item_size_box td span { font-weight: normal; color: #ccc; } .size_table .scroll table { width: 750px; } .scroll_table{ overflow-x:scroll; /* width: 750px; */ } .btn_box_set > div.cart_add_btn { width: 30%; margin: auto; } .btn_box_set > div.cart_add_btn:before { content: url(../img/plain/cart_ico.png); position: relative; vertical-align: -webkit-baseline-middle; } .size_link{ text-align: right; } /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* /* update product_detail iws */ .item_detail_set.add-list{ overflow:hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .item_detail_set.add-list li{ width:100%; } .item_detail_set.add-list li:first-child{ width:320px; min-width:320px; margin-right:32px; } .item_detail_set .item_detail_text{ font-size:16px; line-height:22px; color:#000; margin:0 0 24px; } .item_detail_set small{ display: block; line-height: 22px; margin:0 0 30px; } .item_detail_box .clearfix{overflow:hidden;} .size-chart-item{ overflow:hidden; margin-bottom:15px; } .size-chart-item-text{ display:block; text-align:right; font-size:12px; line-height:20px; color:#404040; margin-bottom:5px; } p.size-chart-item-text{ overflow:hidden; width:100%; text-align:left; } .size-chart-item .table-01{ overflow:hidden; margin-bottom:20px; } .size-chart-item .table-01.add01{ float:left; } .size-chart-item .table-01 table{ width:100%; max-width:100%; border-collapse:collapse; } .size-chart-item .table-01 th{ background:#c3e2ff; font-size:12px; font-weight:bold; line-height:20px; color:#2a6eae; border:1px solid #4986bf; border-width:0 0 1px; padding:12px 6px; text-align:center; } .size-chart-item .table-01 tr:first-child th{ background:#4986bf; text-align:center; font-size:12px; font-weight:bold; line-height:20px; text-transform:uppercase; color:#fff; white-space:nowrap; height:44px; vertical-align:middle; border:1px dotted #fff; border-width:0 0 0 1px; padding:0 6px; } .size-chart-item .table-01 tr:first-child th:first-child{border-left:0;} .size-chart-item .table-01 td{ background:#fff; text-align:center; vertical-align:middle; font-size:10px; line-height:14px; color:#656565; height:26px; width:38px; padding:4px; border:1px dotted #4986bf; border-width:0 0 0 1px; border-bottom:1px solid #b3b3b3; } .size-chart-item .table-01 td:first-child{border-left:0;} .material-information-block{ overflow:hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .material-information-list{ margin:0; padding:0; list-style:none; overflow:hidden; font-size:16px; line-height:22px; color:#000; } .thickness-fabric-box{ overflow:hidden; background:#caeaff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:308px; } .thickness-fabric-box h2{ margin:0 0 25px; background:#258dc3 !important; font-size:16px; line-height:35px; font-weight:bold; color:#fff; text-align:center !important; padding:0 !important; height:auto; } .thickness-fabric-holder{ overflow:hidden; margin-bottom:22px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .thickness-fabric-holder span{ display:inline-block; vertical-align:top; font-size:14px; line-height:28px; color:#000; padding:0 6px } .thickness-fabric-holder i{ display:inline-block; vertical-align:top; width:39px; height:18px; overflow:hidden; font:12px/14px Arial, Helvetica, sans-serif; margin:0 1px; } .thickness-fabric-holder .i01{ background:url(../img/product/icon-thickness-fabric-01.png) no-repeat; } .thickness-fabric-holder .i02{ background:url(../img/product/icon-thickness-fabric-02.png) no-repeat; } .thickness-fabric-holder .i03{ background:url(../img/product/icon-thickness-fabric-03.png) no-repeat; } .thickness-fabric-holder .i04{ background:url(../img/product/icon-thickness-fabric-04.png) no-repeat; } .thickness-fabric-holder .i05{ background:url(../img/product/icon-thickness-fabric-05.png) no-repeat; } .thickness-fabric-holder .i01.active{ background:url(../img/product/icon-thickness-fabric-01-active.png) no-repeat; } .thickness-fabric-holder .i02.active{ background:url(../img/product/icon-thickness-fabric-02-active.png) no-repeat; } .thickness-fabric-holder .i03.active{ background:url(../img/product/icon-thickness-fabric-03-active.png) no-repeat; } .thickness-fabric-holder .i04.active{ background:url(../img/product/icon-thickness-fabric-04-active.png) no-repeat; } .thickness-fabric-holder .i05.active{ background:url(../img/product/icon-thickness-fabric-05-active.png) no-repeat; } .clearfix.mb10{margin-bottom:10px !important;} /*btn-update*/ /*btn-update end*/ .item_box .search_box{display:none;} /* update product_detail iws done */ /* item details new update */ .item_detail_new .search_box{ padding: 5px 10px; margin-bottom: 19px; } .item_detail_new .search_box i{ vertical-align: top; line-height: 29px; margin-right: 10px; } .item_detail_new .search_box i img{ display: inline-block; vertical-align: top; margin-top: 4px; } .item_detail_new .search_box input[type="text"]{ -webkit-appearance: none; appearance: none; margin: 0 1px 0 0; display: inline-block; vertical-align: top; width: 195px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d1bd99; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 10px; font-size: 13px; line-height: 27px; font-weight: bold; color: #000; -webkit-box-shadow: 0 0 1px #dacfbb inset; -moz-box-shadow: 0 0 1px #dacfbb inset; box-shadow: 0 0 1px #dacfbb inset; } .item_detail_new .search_box input[type="text"]:-moz-placeholder{color: #b9b9b9;} .item_detail_new .search_box input[type="text"]::-moz-placeholder{color: #b9b9b9;} .item_detail_new .search_box input[type="text"]::-webkit-input-placeholder{color: #b9b9b9;} .item_detail_new .search_box input[type="text"]:-ms-input-placeholder{color: #b9b9b9;} .item_detail_new .search_box input[type="text"]::placeholder{color: #b9b9b9;} .item_detail_new .search_box input.plain_sbmt_search{ display: inline-block; vertical-align: top; margin-top: 1px; } .item_detail_new h2{ font-weight:bold; line-height: 28px; margin-bottom: 9px; padding: 17px 17px 16px; background: url('img/title2_bg.gif') repeat-x; } .item_detail_banner{ margin-bottom: 12px; } .item_detail_banner img{ display: block; width:100%; } #main .category_box h3{ margin:0 0 6px 0; border-left:4px solid #e00000; background:none; padding:0 0 0 7px; font-size:18px; line-height:24px; font-weight:bold; color:#000; } .item_detail_new .category_box li{ padding-bottom: 9px; } .item_detail_new .category_box img{ vertical-align: top; } .category_head_box{ margin-bottom: 12px; overflow: hidden; } .category_head_box h3{ margin: 0; position:relative; overflow:hidden; padding:5px 10px; font-size:20px; line-height:50px; font-weight:bold; color:#fff; text-align:center; } .category_head_box h3:before{ content:''; display:inline-block; vertical-align:middle; margin-right:8px; overflow:hidden; } .category_head_box h3.category_n_01:before{ background:url(../img/plain/category_n_01.png) no-repeat; width:40px; height:35px; } .category_head_box h3.category_n_02:before{ background:url(../img/plain/category_n_02.png) no-repeat; width:44px; height:38px; } .category_head_box h3.category_n_03:before{ background:url(../img/plain/category_n_03.png) no-repeat; width:46px; height:40px; } .category_head_box h3.category_n_04:before{ background:url(../img/plain/category_n_04.png) no-repeat; width:45px; height:43px; } .category_head_box h3.category_n_05:before{ background:url(../img/plain/category_n_05.png) no-repeat; width:50px; height:45px; } .category_head_box h3.category_n_06:before{ background:url(../img/plain/category_n_06.png) no-repeat; width:41px; height:48px; } .category_head_box h3.category_n_07:before{ background:url(../img/plain/category_n_07.png) no-repeat; width:48px; height:46px; } .category_head_box h3.category_n_08:before{ background:url(../img/plain/category_n_08.png) no-repeat; width:54px; height:26px; } .category_head_box h3.category_n_020:before{ background:url(../img/plain/category_n_20.png) no-repeat; width:30px; height:40px; } .category_head_box h3.category_n_21:before{ background:url(../img/plain/category_n_21.png) no-repeat; background-size: 19px auto; width: 22px; height: 46px; } .category_head_box h3.category_n_09:before{ background:url(../img/plain/category_n_09.png) no-repeat; width:31px; height:45px; } .category_head_box h3.category_n_10:before{ background:url(../img/plain/category_n_10.png) no-repeat; width:23px; height:50px; } .category_head_box h3.category_n_11:before{ background:url(../img/plain/category_n_11.png) no-repeat; width:48px; height:44px; } .category_head_box h3.category_n_12:before{ background:url(../img/plain/category_n_12.png) no-repeat; width:45px; height:41px; } .category_head_box h3.category_n_13:before{ background:url(../img/plain/category_n_13.png) no-repeat; width:26px; height:37px; } .category_head_box h3.category_n_14:before{ background:url(../img/plain/category_n_14.png) no-repeat; width:48px; height:37px; } .category_head_box h3.category_n_15:before{ background:url(../img/plain/category_n_15.png) no-repeat; width:26px; height:37px; } .category_head_box h3.category_n_16:before{ background:url(../img/plain/category_n_16.png) no-repeat; width:31px; height:41px; } .category_head_box h3.category_n_17:before{ background:url(../img/plain/category_n_17.png) no-repeat; width:37px; height:26px; } .category_head_box h3.category_n_22:before{ background:url(../img/plain/category_n_22.png) no-repeat; width:37px; height:26px; } .category_head_box h3.category_n_23:before{ background:url(../img/plain/category_n_23.png) no-repeat; width:37px; height: 45px; } .category_head_box h3.category_n_24:before{ background:url(../img/plain/category_n_24.png) no-repeat; width:37px; height: 45px; } .category_head_box h3.category_n_25:before{ background:url(../img/plain/category_n_25.png) no-repeat; width:37px; height: 25px; } .category_head_box h3.category_n_26:before{ background:url(../img/plain/category_n_26.jpg) no-repeat; width:33px; height: 33px; } .category_head_box h3.category_n_27:before{ background:url(../img/plain/category_n_27.png) no-repeat; width:33px; height: 33px; } .category_head_box h3.category_n_28:before{ background:url(../img/plain/category_n_28.png) no-repeat; width:33px; height: 45px; } .category_head_box h3.category_n_29:before{ background:url(../img/plain/category_n_29.png) no-repeat; width:33px; height: 33px; } .category_head_box h3.category_n_30:before{ background:url(../img/plain/category_n_30.png) no-repeat; width:33px; height: 33px; } .category_head_box h3.category_n_31:before{ background:url(../img/plain/category_n_31.png) no-repeat 50% 50%; width:36px; height: 28px; } .category_head_box h3.category_n_32:before{ background:url(../img/plain/category_n_32.png) no-repeat 50% 50%; width:36px; height: 28px; } .category_head_box h3.category_n_33:before{ background:url(../img/plain/category_n_33.png) no-repeat 50% 50%; width:36px; height: 28px; } .category_head_box h3.category_n_34:before{ background:url(../img/plain/category_n_34.png) no-repeat 50% 50%; width:36px; height: 42px; } .category_head_box h3.category_n_35:before{ background:url(../img/plain/category_n_35.png) no-repeat 50% 50%; width:36px; height: 28px; } .category_head_box h3.category_n_36:before{ background:url(../img/plain/category_n_36.png) no-repeat 50% 50%; width:36px; height: 38px; } .category_head_box h3.category_n_37:before{ background:url(../img/plain/category_n_37.png) no-repeat 50% 50%; width:36px; height: 28px; } .category_head_box h3.category_n_38:before{ background:url(../img/plain/category_n_38.png) no-repeat 50% 50%; width:36px; height: 28px; } .category_head_box h3.category_n_39:before{ background:url(../img/plain/category_n_39.png) no-repeat 50% 50%; width:36px; height: 28px; } .item_detail_new .item_list_set .item_code{ display: none; } .item_detail_new .item_list_set img{ width: 158px; max-height: 158px; vertical-align: top; } .item_detail_new .item_list_detail { margin-left: 10px; margin-right: 10px; } .item_detail_new .item_list_set li .item_list_detail p{ font-size: 12px; line-height: 16px; } .item_detail_new .item_list_set li .item_list_detail span{ line-height: 16px; padding: 2px 0; } .item_detail_new .item_list_set li .item_list_detail span.item_price{ font-size: 16px; line-height: 22px; font-weight: bold; } .purchase-orange-btn{ margin-bottom: 50px; } .orange-trial-btn{ margin: -18px auto 50px; } .orange-trial-btn a{ display: block; text-align: center; -moz-opacity:1; opacity:1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .orange-trial-btn a:hover{ -moz-opacity:0.8; opacity:0.8; } .orange-trial-btn a img{ vertical-align: top; } #main .category_heads-menu{ margin: 0 0 44px; padding: 0; list-style: none; overflow: hidden; } #main .category_heads-menu li{ margin-bottom: 6px; } #main .category_heads-menu a{ min-height: 49px; padding: 5px 10px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; font-size: 87.5%; color: #fff; background: #59af20; text-align: center; } #main .category_heads-menu a img{ vertical-align: top; } /* item details new update end */ /* item_detail update */ #main .category_box{ margin-bottom: 20px; } #main .category_box ul { margin:0 -7px 7px; padding:0; list-style:none; overflow:visible; } #main .category_box ul:after{ content:''; display:block; clear:both; } #main .category_box li { width:202px; float:left; height:auto; margin:0 7px 14px; border:0; } #main .category_box a{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position:relative; border:1px solid #a8a8a8; height:49px; width:100%; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%); padding:2px 4px 2px 54px; overflow:hidden; position:relative; font-size:13px; font-weight:bold; line-height:16px; color:#4a4a4a; text-decoration:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #main .category_box a.active, #main .category_box a:hover{ box-shadow:0 0 1px 1px rgba(0, 0, 0, .3); } #main .category_box a:before{ content:''; position:absolute; top:1px; left:1px; right:1px; bottom:1px; border:1px solid #a8a8a8; -moz-opacity:0; opacity:0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } #main .category_box a.active:before, #main .category_box a:hover:before{ -moz-opacity:1; opacity:1; } #main .category_box a:after{ content:''; position:absolute; left:0; top:0; bottom:0; width:55px; overflow:hidden; } #main .category_box a.i_n_01:after{background:url(../img/plain/i_n_01.png) no-repeat 50%;} #main .category_box a.i_n_02:after{background:url(../img/plain/i_n_02.png) no-repeat 50%;} #main .category_box a.i_n_03:after{background:url(../img/plain/i_n_03.png) no-repeat 50%;} #main .category_box a.i_n_04:after{background:url(../img/plain/i_n_04.png) no-repeat 50%;} #main .category_box a.i_n_05:after{background:url(../img/plain/i_n_05.png) no-repeat 50%;} #main .category_box a.i_n_06:after{background:url(../img/plain/i_n_06.png) no-repeat 50%;} #main .category_box a.i_n_07:after{background:url(../img/plain/i_n_07.png) no-repeat 50%;} #main .category_box a.i_n_20:after{background:url(../img/plain/i_n_20.png) no-repeat 50%;} #main .category_box a.i_n_21:after{background:url(../img/plain/i_n_21.png) no-repeat 50%;} #main .category_box a.i_n_08:after{background:url(../img/plain/i_n_08.png) no-repeat 50%;} #main .category_box a.i_n_09:after{background:url(../img/plain/i_n_09.png) no-repeat 50%;} #main .category_box a.i_n_10:after{background:url(../img/plain/i_n_10.png) no-repeat 50%;} #main .category_box a.i_n_11:after{background:url(../img/plain/i_n_11.png) no-repeat 50%;} #main .category_box a.i_n_12:after{background:url(../img/plain/i_n_12.png) no-repeat 50%;} #main .category_box a.i_n_13:after{background:url(../img/plain/i_n_13.png) no-repeat 50%;} #main .category_box a.i_n_14:after{background:url(../img/plain/i_n_14.png) no-repeat 50%;} #main .category_box a.i_n_15:after{background:url(../img/plain/i_n_15.png) no-repeat 50%;} #main .category_box a.i_n_16:after{background:url(../img/plain/i_n_16.png) no-repeat 50%;} #main .category_box a.i_n_17:after{background:url(../img/plain/i_n_17.png) no-repeat 50%;} #main .category_box a.i_n_19:after{background:url(../img/plain/i_n_13.png) no-repeat 50%;} #main .category_box a.i_n_24:after{background:url(../img/plain/i_n_24.png) no-repeat 50%;} #main .category_box a.i_n_25:after{background:url(../img/plain/i_n_25.png) no-repeat 50%;} #main .category_box a.i_n_26:after{background:url(../img/plain/i_n_26.png) no-repeat 50%;} #main .category_box a.i_n_27:after{background:url(../img/plain/i_n_27.png) no-repeat 50%;} #main .category_box a.i_n_28:after{background:url(../img/plain/i_n_28.png) no-repeat 50%;} #main .category_box a.i_n_29:after{background:url(../img/plain/i_n_29.png) no-repeat 50%;} #main .category_box a.i_n_30:after{background:url(../img/plain/i_n_30.png) no-repeat 50%;} #main .category_box a.i_n_31:after{background:url(../img/plain/i_n_31.png) no-repeat 50%;} #main .category_box a.i_n_32:after{background:url(../img/plain/i_n_32.png) no-repeat 50%;} #main .category_box a.i_n_33:after{background:url(../img/plain/i_n_33.png) no-repeat 50%;} #main .category_box a.i_n_34:after{background:url(../img/plain/i_n_34.png) no-repeat 50%;} #main .category_box a.i_n_35:after{background:url(../img/plain/i_n_35.png) no-repeat 50%;} #main .category_box a.i_n_36:after{background:url(../img/plain/i_n_36.png) no-repeat 50%;} #main .category_box a.i_n_37:after{background:url(../img/plain/i_n_37.png) no-repeat 50%;} #main .category_box a.i_n_38:after{background:url(../img/plain/i_n_38.png) no-repeat 50%;} #main .category_box a.i_n_39:after{background:url(../img/plain/i_n_39.png) no-repeat 50%;} /* item_detail update done */ /* vacation-box */ /* .vacation-box{ overflow:hidden; background:#fffde5; border:2px solid #ff0c13; margin:25px auto -25px; max-width:1022px; min-height:120px; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align:center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding:5px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-decoration:none; font-size:12px; line-height:34px; color:#3c3c3c; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; } .vacation-box h2{ text-align:center; display:block; width:100%; font-size:18px; line-height:34px; color:#1182f0; font-weight:bold; text-decoration:underline; margin:0; } .vacation-box p{ margin:0; text-align:center; } .vacation-box:hover{ background-color:rgba(255, 253, 229, 0.7); box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4); } .vacation-box:hover h2{text-decoration:none;} */ /* vacation-box end */ /* list_search_results */ #main .list_search_results{ overflow:hidden; margin:30px 0; } #main .category_n_results strong{ float:left; } #main .category_n_results span{ float:right; font-size:15px; font-weight:normal; } #main .list_search_results li{ overflow:hidden; width: auto; height: auto; border:0; border-bottom:1px dotted #000; float: none; margin: 0; line-height: 140%; padding: 0; } #main .list_search_results li a{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; border:0; padding:20px 0; -webkit-transition:box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -ms-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s; transition: box-shadow 0.5s; } #main .list_search_results li a:hover{ box-shadow:0 0 3px 3px rgba(233, 233, 233, 0.7) inset; } #main .list_search_results li .image{ width:144px; min-width:144px; max-width:144px; overflow:hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; margin-right:36px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } #main .list_search_results a:hover .image{ -moz-opacity:0.8; opacity:0.8; } #main .list_search_results .image img{ display:block; max-width:100%; max-height:100%; margin:0 auto; } #main .list_search_results .text-info{ width:100%; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } #main .list_search_results .text-info h4{ font-size:16px; line-height:20px; padding: 0; margin: 0 0 5px; color:#1397db; border-left: 0; position:relative; display:inline-block; vertical-align:top; } #main .list_search_results .text-info h4:before{ content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #1397db; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } #main .list_search_results a:hover .text-info h4:before{ visibility: hidden; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } #main .list_search_results .text-info h5{ margin: 0 0 5px; font-size:16px; line-height:20px; color:#353535; } #main .list_search_results .item_list_detail{ margin:10px 0 0; border:0; overflow:hidden; padding:0; display:inline-block; vertical-align:top; } #main .list_search_results .item_list_detail p{ overflow:hidden; font-size: 12px; line-height: 16px; color:#333; } #main .list_search_results .item_list_detail span{ font-size: 12px; line-height: 16px; padding: 2px 0; background: #e9e9e9; margin: 0; float: left; color: #333; font-weight: bold; margin-right: 5px; width: 100px; text-align: center; } #main .list_search_results .item_list_detail span.item_price{ font-size: 16px; line-height: 22px; font-weight: bold; padding: 2px 0; color: red; background: #ffeded; width: 100%; margin-top: 3px; float:none; display:block; } /* list_search_results end */ .item_detail_set li.add img{background:#e2e2e2 !important;} /* update 08.09.2017 tshirt_sokujitsu */ .ping-sokujitsu-info{ overflow:hidden; background:#ffeaea; padding:14px 16px; margin-bottom:24px; font-size:16px; line-height:22px; color:#000; } .ping-sokujitsu-info h3{ color:#ea1010; font-size:20px; line-height:24px; font-weight:bold; background:none; padding:0; margin:0 0 10px; } .sokujitsu-info-list{ margin:0; padding:0; list-style:none; overflow:hidden; } .sokujitsu-info-list li{ font-size:16px; line-height:22px; color:#000; position:relative; padding-left:20px; width:auto !important; } .sokujitsu-info-list li:after{ content:'・'; position:absolute; left:0; top:0; font-size:16px; line-height:22px; color:#000; } /* update 08.09.2017 tshirt_sokujitsu end */ .item_detail_new .item_list_set img.mark-grey{ background-color:#e2e2e2; border:1px solid #d7d7d7; margin:14px auto; } .item_list_set li > a{display:block;} .item_list_set:after{display:none !important;} .item_list_set{ -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; min-height: 160px; } #main .category_box ul:last-child li:nth-child(7) {display:none;} #main .category_box ul:last-child li:nth-child(8) {display:none;} .item_detail_new .item_list_set li .item_list_detail span.item_price{font-size:15px;} .image-add-p{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:5px; } /* u-rank */ #markup #contents{ width: 1100px; } #markup #contents #main{ width: 800px; padding: 0 0 80px; } #rank .rank{ display: block; } #rank .red{ color: #e30b00; } #rank .fz{ font-size: 22px; } #rank .rank__block-top-page{ position: relative; background: url(../img/u-rank/rank-block-top-page.jpg) 50% 50%no-repeat; -webkit-background-size: cover; background-size: cover; height: 340px; margin-bottom: 10px; } #rank .rank__text{ position: absolute; bottom: 20px; left: 15px; background: rgba(252,240,195,.7); width: 510px; height: 46%; border-radius: 10px; padding: 30px 15px 15px; } #rank .rank__paragraph{ font-size: 18px; line-height: 25px; font-weight: bold; margin-bottom: 30px; } #rank .rank__paragraph:last-child{ margin-bottom: 0px; } #rank .rank__block-info{ display: block; border: 2px solid #e30c00; background: #fff2f2; padding: 40px 10px; text-align: center; margin-bottom:40px; } #rank .rank__descr{ display: block; font-size: 20px; line-height: 25px; font-weight: bold; margin-bottom: 25px; } #rank .rank__descr:last-child{ margin-bottom: 0; } #rank .rank__table-block{ display: -webkit-flex; display: flex; margin-bottom: 45px; box-shadow: 0px 0px 0px 1px rgba(215,215,215,1); } #rank .rank__table-item{ display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; width: 100%; } #rank .rank__table-item_w30{ width: 41%; } #rank .rank__table-title{ background: #f0f0f0; font-size: 18px; line-height: 22px; font-weight: bold; display: -webkit-flex; display: flex; align-items: center; height: 60px; padding-left: 20px; box-shadow: 0px 1px 0px 0px #d7d7d7; border-right: 1px solid #d7d7d7; } #rank .rank__table-item:last-child .rank__table-title{ border-right: 0; } #rank .rank__table-punkt{ height: 60px; padding-left: 20px; display: -webkit-flex; display: flex; align-items: center; box-shadow: 0px 1px 0px 0px rgba(215,215,215,1); border-right: 1px solid #d7d7d7; } #rank .rank__table-item:last-child .rank__table-punkt{ border-right: 0; } #rank .rank__punkt-descr{ font-size: 16px; line-height: 20px; font-weight: bold; padding-left: 47px; position: relative; } #rank .rank__punkt-descr:after{ content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #rank .rank__punkt-descr_gold:after{ background: url(../img/u-rank/table-ico01.png) no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; width: 40px; height: 45px; } #rank .rank__punkt-descr_silver:after{ background: url(../img/u-rank/table-ico02.png) no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; width: 40px; height: 45px; } #rank .rank__punkt-descr_bronze:after{ background: url(../img/u-rank/table-ico03.png) no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; width: 40px; height: 45px; } #rank .rank__subdescr{ display: block; font-size: 16px; line-height: 20px; margin-bottom: 30px; } #rank .rank__box-img{ display: block; margin-bottom: 40px; } #rank .rank__img{ display: block; width: 100%; } #rank .purpure{ display: block; background: #ffecec; padding: 25px 20px 35px; margin-bottom: 55px; } #rank .purpure__paragraph{ font-size: 14px; line-height: 22px; margin: 0; } #rank .rank__btn{ max-width: 775px; padding: 38px 8px; } .line-qr{ position: absolute; bottom: 15px; left: -1px; right: -3px; } .line-qr img{ display: block; width: 97%; margin: 0 auto; }